/* ===================================================
   MED CONNECT — "Nightfall Vault" Dashboard
   Palette:
   --ink        #0E1A2B  (deep navy base)
   --ink-2      #142539  (panel navy)
   --ink-3      #1B3047  (raised navy)
   --gold       #E8C275  (accent / CTA)
   --teal       #5FB8A8  (secondary accent)
   --paper      #F4F1EA  (light text / cream)
   --rose       #D98A8A  (alert soft)
   Type: Fraunces (display) / Manrope (body) / JetBrains Mono (data)
=================================================== */

:root{
  --ink:#f4f7fb;
  --ink-2:#ffffff;
  --ink-3:#edf2f7;
  --ink-4:#dce6ef;
  --gold:#c18a20;
  --gold-dim:#a7771c;
  --teal:#168b7c;
  --teal-dim:#126d63;
  --paper:#172033;
  --rose:#c85c68;
  --muted:#68788d;
  --border:rgba(23,32,51,0.11);
  --radius-lg:22px;
  --radius-md:16px;
  --radius-sm:10px;
  --shadow-soft:0 18px 40px -16px rgba(0,0,0,0.45);
}

*{box-sizing:border-box;}

body{
  margin:0;
  background:var(--ink);
  color:var(--paper);
  font-family:'Manrope',sans-serif;
  -webkit-font-smoothing:antialiased;
}

html[data-theme="dark"] body{
  --ink:#050505;
  --ink-2:#0b0b0b;
  --ink-3:#121212;
  --ink-4:#1d1d1d;
  --gold:#E8C275;
  --gold-dim:#a98b54;
  --teal:#5FB8A8;
  --teal-dim:#3d8377;
  --paper:#f5f5f5;
  --rose:#ef7884;
  --muted:#999999;
  --border:rgba(255,255,255,0.08);
}

h1,h2,h3,h4{
  font-family:'Fraunces',serif;
  font-weight:600;
  margin:0;
  color:var(--paper);
}

a{text-decoration:none;}

/* ============ LAYOUT ============ */
.mc-main{
  margin-left:268px;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  transition:margin-left .25s ease;
}

.mc-content{
  padding:28px 32px 100px;
  max-width:1320px;
}

/* ============ SIDEBAR ============ */
.mc-sidebar{
  position:fixed;
  top:0;left:0;
  width:268px;
  height:100vh;
  background:linear-gradient(180deg,var(--ink-2) 0%, var(--ink) 100%);
  border-right:1px solid var(--border);
  display:flex;
  flex-direction:column;
  z-index:1000;
  transition:transform .3s ease;
}

.mc-sidebar__brand{
  display:flex;
  align-items:center;
  gap:10px;
  padding:26px 22px 22px;
  border-bottom:1px solid var(--border);
}
.mc-logo__text{display:flex;flex-direction:column;line-height:1.15;}
.mc-logo__title{font-family:'Fraunces',serif;font-weight:600;font-size:1.08rem;color:var(--paper);}
.mc-logo__sub{font-size:.68rem;color:var(--muted);letter-spacing:.03em;}
.mc-sidebar__close{margin-left:auto;background:none;border:none;color:var(--muted);font-size:1.2rem;}

.mc-nav{
  flex:1;
  padding:18px 14px;
  overflow-y:auto;
}
.mc-nav__label{
  display:block;
  font-size:.68rem;
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--muted);
  margin:18px 10px 8px;
  font-weight:700;
}
.mc-nav__label:first-child{margin-top:4px;}

.mc-nav__link{
  display:flex;
  align-items:center;
  gap:12px;
  padding:11px 14px;
  border-radius:var(--radius-sm);
  color:#C7D3E0;
  font-weight:600;
  font-size:.88rem;
  margin-bottom:2px;
  position:relative;
  transition:background .2s, color .2s;
}
.mc-nav__link i{font-size:1.02rem;width:20px;text-align:center;color:var(--muted);transition:color .2s;}
.mc-nav__link:hover{background:rgba(255,255,255,0.05);color:var(--paper);}
.mc-nav__link.active{
  background:linear-gradient(90deg, rgba(232,194,117,0.14), rgba(232,194,117,0.02));
  color:var(--gold);
  box-shadow:inset 3px 0 0 var(--gold);
}
.mc-nav__link.active i{color:var(--gold);}

.mc-nav__badge{
  margin-left:auto;
  background:var(--ink-4);
  color:var(--muted);
  font-size:.68rem;
  font-weight:700;
  padding:2px 8px;
  border-radius:20px;
}
.mc-nav__badge--gold{background:var(--gold);color:var(--ink);}

.mc-sidebar__footer{padding:18px;border-top:1px solid var(--border);}
.mc-emergency-btn{
  display:flex;
  align-items:center;
  gap:12px;
  background:linear-gradient(135deg, rgba(217,138,138,0.18), rgba(217,138,138,0.05));
  border:1px solid rgba(217,138,138,0.3);
  border-radius:var(--radius-md);
  padding:12px 14px;
  cursor:pointer;
  transition:transform .15s;
}
.mc-emergency-btn:hover{transform:translateY(-2px);}
.mc-emergency-btn i{color:var(--rose);font-size:1.1rem;}
.mc-emergency-btn strong{display:block;font-size:.82rem;color:var(--paper);}
.mc-emergency-btn span{font-size:.7rem;color:var(--muted);}

.mc-overlay{
  position:fixed;inset:0;
  background:rgba(0,0,0,0.5);
  z-index:999;
  display:none;
}

.mc-theme-toggle{width:100%;display:flex;align-items:center;gap:9px;margin-top:12px;padding:10px 11px;border:1px solid var(--border);border-radius:9px;background:rgba(255,255,255,.04);color:var(--muted);font:700 .68rem Manrope;text-align:left;cursor:pointer;}
.mc-theme-toggle i{font-size:.95rem;color:var(--gold);}.mc-theme-toggle b{width:28px;height:16px;margin-left:auto;border-radius:20px;background:var(--ink-4);position:relative;}.mc-theme-toggle b:after{content:"";position:absolute;width:12px;height:12px;top:2px;left:2px;border-radius:50%;background:var(--muted);transition:transform .2s,background .2s;}.mc-theme-toggle.is-dark b{background:rgba(232,194,117,.25);}.mc-theme-toggle.is-dark b:after{transform:translateX(12px);background:var(--gold);}


/* Dropdown Item */
.mc-nav__item{
    margin-bottom:4px;
}

/* Arrow */
.mc-arrow{
    margin-left:auto;
    transition:.3s;
    font-size:.8rem;
}

/* Dropdown */
.mc-dropdown-menu{
    display:none;
    margin-left:22px;
    border-left:2px solid rgba(255,255,255,.08);
    padding-left:10px;
    margin-top:4px;
}

/* Sub Links */
.mc-nav__sublink{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    color:#AEB8C6;
    text-decoration:none;
    font-size:.84rem;
    border-radius:8px;
    transition:.3s;
}

.mc-nav__sublink i{
    color:var(--muted);
    width:18px;
}

.mc-nav__sublink:hover{
    background:rgba(255,255,255,.05);
    color:var(--paper);
}

.mc-nav__sublink.active{
    background:rgba(232,194,117,.12);
    color:var(--gold);
}

.mc-nav__sublink.active i{
    color:var(--gold);
}

/* Open */
.mc-nav__item.active .mc-dropdown-menu{
    display:block;
}
.mc-dropdown-menu.is-visible{display:block;}

.mc-nav__item.active .mc-arrow{
    transform:rotate(180deg);
}

/* ============ TOPBAR ============ */
.mc-topbar{
  display:flex;
  align-items:center;
  gap:16px;
  padding:18px 32px;
  position:sticky;
  top:0;
  background:rgba(14,26,43,0.85);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--border);
  z-index:90;
}

.mc-iconbtn{
  background:var(--ink-3);
  border:1px solid var(--border);
  color:var(--paper);
  width:40px;height:40px;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:1.1rem;
  flex-shrink:0;
  position:relative;
}
.mc-iconbtn--notif .mc-dot{
  position:absolute;top:9px;right:10px;
  width:7px;height:7px;border-radius:50%;
  background:var(--rose);
  box-shadow:0 0 0 2px var(--ink-2);
}

/* Patient Switcher */
.mc-patient-switcher{
  display:flex;
  gap:10px;
  overflow-x:auto;
  flex:1;
  scrollbar-width:none;
  padding:2px 0;
}
.mc-patient-switcher::-webkit-scrollbar{display:none;}

.mc-patient-pill{
  display:flex;
  align-items:center;
  gap:10px;
  background:var(--ink-3);
  border:1px solid var(--border);
  border-radius:50px;
  padding:6px 16px 6px 6px;
  flex-shrink:0;
  cursor:pointer;
  transition:all .2s;
}
.mc-patient-pill:hover{border-color:var(--teal-dim);}
.mc-patient-pill.active{
  background:linear-gradient(90deg, rgba(95,184,168,0.18), rgba(95,184,168,0.04));
  border-color:var(--teal);
}
.mc-patient-pill__text{display:flex;flex-direction:column;line-height:1.15;text-align:left;}
.mc-patient-pill__text strong{font-size:.82rem;color:var(--paper);font-weight:700;}
.mc-patient-pill__text small{font-size:.68rem;color:var(--muted);}

.mc-avatar{
  width:34px;height:34px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--ink-4),var(--ink-3));
  display:flex;align-items:center;justify-content:center;
  font-family:'JetBrains Mono',monospace;
  font-size:.72rem;font-weight:700;
  color:var(--paper);
  flex-shrink:0;
  border:1px solid var(--border);
}
.mc-avatar--ring{box-shadow:0 0 0 2px var(--teal);}
.mc-avatar--sm{width:36px;height:36px;}
.mc-avatar--doc{background:linear-gradient(135deg,var(--gold-dim),#5a4520);}

.mc-patient-add{
  width:34px;height:34px;flex-shrink:0;
  border-radius:50%;
  border:1px dashed var(--muted);
  background:transparent;
  color:var(--muted);
  display:flex;align-items:center;justify-content:center;
}

.mc-topbar__right{display:flex;align-items:center;gap:12px;flex-shrink:0;}
.mc-search{
  align-items:center;gap:8px;
  background:var(--ink-3);
  border:1px solid var(--border);
  border-radius:50px;
  padding:9px 16px;
  width:260px;
}
.mc-search i{color:var(--muted);}
.mc-search input{
  background:none;border:none;outline:none;color:var(--paper);
  font-family:'Manrope',sans-serif;font-size:.84rem;width:100%;
}
.mc-search input::placeholder{color:var(--muted);}

/* ============ GREETING ============ */
.mc-greeting{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  flex-wrap:wrap;
  gap:20px;
  margin-bottom:28px;
}
.mc-eyebrow{
  font-family:'JetBrains Mono',monospace;
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--teal);
  margin:0 0 6px;
}
.mc-eyebrow--light{color:var(--gold);}
.mc-greeting h1{font-size:2.1rem;}
.mc-greeting__sub{color:var(--muted);margin-top:6px;font-size:.95rem;}

.mc-greeting__completeness{
  display:flex;align-items:center;gap:14px;
  background:var(--ink-2);
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  padding:12px 18px;
}
.mc-greeting__completeness strong{display:block;font-size:.85rem;}
.mc-greeting__completeness p{margin:2px 0 0;font-size:.74rem;color:var(--muted);}

.mc-ring{position:relative;width:56px;height:56px;flex-shrink:0;}
.mc-ring svg{width:100%;height:100%;transform:rotate(-90deg);}
.mc-ring circle{fill:none;stroke:var(--ink-4);stroke-width:5;}
.mc-ring__fg{
  stroke:var(--gold);
  stroke-linecap:round;
  stroke-dasharray:169.6;
  stroke-dashoffset:30.5; /* 82% */
}
.mc-ring span{
  position:absolute;inset:0;
  display:flex;align-items:center;justify-content:center;
  font-family:'JetBrains Mono',monospace;
  font-size:.72rem;font-weight:700;
}

/* ============ STAT CARDS ============ */
.mc-stat-row{margin-bottom:6px;}
.mc-stat-card{
  background:var(--ink-2);
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  padding:18px;
  position:relative;
  overflow:hidden;
  height:100%;
}
.mc-stat-card::after{
  content:'';position:absolute;right:-20px;top:-20px;
  width:90px;height:90px;border-radius:50%;
  background:var(--accent,var(--teal));opacity:.08;
}
.mc-stat-card--teal{--accent:#5FB8A8;}
.mc-stat-card--gold{--accent:#E8C275;}
.mc-stat-card--blue{--accent:#6FA3D8;}
.mc-stat-card--rose{--accent:#D98A8A;}

.mc-stat-card__icon{
  width:38px;height:38px;border-radius:10px;
  background:rgba(255,255,255,0.06);
  color:var(--accent,var(--teal));
  display:flex;align-items:center;justify-content:center;
  font-size:1.1rem;margin-bottom:14px;
}
.mc-stat-card__value{
  display:block;
  font-family:'Fraunces',serif;
  font-size:2.1rem;font-weight:600;
  color:var(--paper);
  line-height:1;
}
.mc-stat-card__label{
  display:block;
  font-size:.78rem;color:var(--muted);margin-top:6px;
}

/* ============ PANELS ============ */
.mc-main-grid{margin-top:8px;}
.mc-panel{
  background:var(--ink-2);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:22px;
  margin-bottom:22px;
}
.mc-panel__head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:16px;
}
.mc-panel__head h3{font-size:1.12rem;}
.mc-link{
  font-size:.8rem;color:var(--teal);font-weight:700;
  display:flex;align-items:center;gap:4px;
}

/* QR Card */
.mc-qr-card{
  background:linear-gradient(135deg,var(--ink-3) 0%, var(--ink-2) 60%);
  border:1px solid var(--border);
  border-radius:var(--radius-lg);
  padding:28px;
  display:flex;
  gap:28px;
  justify-content:space-between;
  align-items:center;
  position:relative;
  overflow:hidden;
  margin-bottom:22px;
}
.mc-qr-card__motif{position:absolute;right:-30px;top:-30px;width:260px;opacity:.7;pointer-events:none;}
.mc-qr-card__left{position:relative;z-index:2;max-width:480px;}
.mc-qr-card__left h3{font-size:1.5rem;margin:4px 0 10px;}
.mc-qr-card__desc{color:var(--muted);font-size:.88rem;line-height:1.55;margin-bottom:16px;}
.mc-qr-card__timer{
  font-family:'JetBrains Mono',monospace;
  color:var(--gold);font-size:.95rem;font-weight:700;
  display:flex;align-items:center;gap:8px;margin-bottom:18px;
}
.mc-qr-card__actions{display:flex;gap:10px;margin-bottom:14px;}
.mc-qr-card__scan-log{font-size:.76rem;color:var(--muted);margin:0;display:flex;gap:6px;align-items:center;}

.mc-qr-card__right{
  position:relative;z-index:2;
  display:flex;flex-direction:column;align-items:center;gap:10px;
  flex-shrink:0;
}
.mc-qr-box{
  width:148px;height:148px;
  border-radius:18px;
  background:var(--paper);
  padding:10px;
  box-shadow:var(--shadow-soft);
}
.mc-qr-svg{width:100%;height:100%;border-radius:10px;}
.mc-qr-box__caption{font-size:.68rem;color:var(--muted);}

.mc-btn{
  border:none;
  border-radius:50px;
  padding:11px 20px;
  font-weight:700;
  font-size:.82rem;
  display:inline-flex;align-items:center;gap:8px;
  cursor:pointer;
  transition:transform .15s, box-shadow .15s;
}
.mc-btn:hover{transform:translateY(-2px);}
.mc-btn--gold{background:var(--gold);color:var(--ink);box-shadow:0 8px 20px -8px rgba(232,194,117,0.5);}
.mc-btn--ghost{background:transparent;border:1px solid var(--border);color:var(--paper);}
.mc-btn--ai-outline{
  background:transparent;border:1px solid var(--teal);color:var(--teal);
  width:100%;justify-content:center;
}

/* Conditions */
.mc-condition-list{display:flex;flex-direction:column;gap:4px;}
.mc-condition{
  display:flex;align-items:center;gap:14px;
  padding:13px 6px;
  border-bottom:1px solid var(--border);
}
.mc-condition:last-child{border-bottom:none;}
.mc-condition__dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;}
.mc-condition__dot--chronic{background:var(--gold);}
.mc-condition__dot--allergy{background:var(--rose);}
.mc-condition__body{flex:1;display:flex;flex-direction:column;}
.mc-condition__body strong{font-size:.9rem;}
.mc-condition__body span{font-size:.76rem;color:var(--muted);margin-top:2px;}

.mc-tag{
  font-size:.68rem;font-weight:700;
  padding:5px 11px;border-radius:20px;
  white-space:nowrap;
}
.mc-tag--monitoring{background:rgba(232,194,117,0.15);color:var(--gold);}
.mc-tag--active{background:rgba(95,184,168,0.15);color:var(--teal);}
.mc-tag--alert{background:rgba(217,138,138,0.18);color:var(--rose);}
.mc-tag--reel{
  position:absolute;top:12px;left:12px;
  background:rgba(14,26,43,0.6);color:var(--paper);
  backdrop-filter:blur(4px);
}

/* Medications grid */
.mc-med-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;}
.mc-med-card{
  background:var(--ink-3);
  border:1px solid var(--border);
  border-radius:var(--radius-md);
  padding:16px;
  display:flex;flex-direction:column;gap:4px;
}
.mc-med-card__time{
  font-family:'JetBrains Mono',monospace;font-size:.7rem;color:var(--teal);font-weight:700;
}
.mc-med-card strong{font-size:.92rem;margin-top:2px;}
.mc-med-card span{font-size:.76rem;color:var(--muted);}
.mc-med-card__status{
  margin-top:10px;font-size:.72rem;font-weight:700;
  display:flex;align-items:center;gap:6px;
}
.mc-med-card__status--done{color:var(--teal);}
.mc-med-card__status--pending{color:var(--gold);}
.mc-med-card__status--sos{color:var(--rose);}

/* Pills */
.mc-pill-row{display:flex;gap:8px;overflow-x:auto;margin-bottom:16px;padding-bottom:2px;}
.mc-pill{
  background:var(--ink-3);border:1px solid var(--border);color:var(--muted);
  border-radius:50px;padding:7px 16px;font-size:.78rem;font-weight:700;
  flex-shrink:0;cursor:pointer;
}
.mc-pill--active{background:var(--gold);color:var(--ink);border-color:var(--gold);}

/* Reels */
.mc-reel-row{display:flex;gap:14px;overflow-x:auto;padding-bottom:4px;}
.mc-reel-card{
  position:relative;
  width:170px;height:240px;flex-shrink:0;
  border-radius:var(--radius-md);
  background:linear-gradient(160deg,var(--reel-from),var(--reel-to));
  padding:14px;
  display:flex;flex-direction:column;justify-content:flex-end;
  gap:6px;
  cursor:pointer;
  overflow:hidden;
}
.mc-reel-card__play{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  font-size:2.2rem;color:rgba(255,255,255,0.85);
}
.mc-reel-card strong{font-size:.86rem;line-height:1.3;color:var(--paper);}
.mc-reel-card small{font-size:.7rem;color:rgba(255,255,255,0.75);display:flex;gap:4px;align-items:center;}

/* Side panels */
.mc-panel--side{padding:20px;}
.mc-reminder{
  display:flex;align-items:center;gap:12px;
  padding:11px 0;
  border-bottom:1px solid var(--border);
}
.mc-reminder:last-child{border-bottom:none;}
.mc-reminder__icon{
  width:38px;height:38px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-size:1rem;flex-shrink:0;
}
.mc-reminder__icon--med{background:rgba(95,184,168,0.15);color:var(--teal);}
.mc-reminder__icon--vaccine{background:rgba(217,138,138,0.15);color:var(--rose);}
.mc-reminder__icon--followup{background:rgba(232,194,117,0.15);color:var(--gold);}
.mc-reminder__body strong{display:block;font-size:.85rem;}
.mc-reminder__body span{font-size:.74rem;color:var(--muted);}

.mc-family-row{display:flex;flex-direction:column;gap:12px;}
.mc-family-card{
  display:flex;align-items:center;gap:12px;
  background:var(--ink-3);
  border-radius:var(--radius-md);
  padding:12px;
  position:relative;
}
.mc-family-card strong{font-size:.85rem;}
.mc-family-card small{font-size:.72rem;color:var(--muted);display:block;}
.mc-progress{
  position:absolute;bottom:0;left:0;right:0;height:3px;
  background:rgba(255,255,255,0.06);border-radius:0 0 var(--radius-md) var(--radius-md);overflow:hidden;
}
.mc-progress__fill{height:100%;background:var(--teal);}

.mc-panel--ai{
  background:linear-gradient(160deg, rgba(95,184,168,0.1), var(--ink-2) 60%);
  border-color:rgba(95,184,168,0.25);
}
.mc-panel--ai h3{display:flex;align-items:center;gap:8px;font-size:1.05rem;color:var(--teal);}
.mc-ai-text{font-size:.86rem;color:#CBDAE2;line-height:1.6;margin-bottom:16px;}

.mc-doctor-card{display:flex;gap:12px;align-items:flex-start;}
.mc-doctor-card strong{display:block;font-size:.9rem;}
.mc-doctor-card span{font-size:.76rem;color:var(--muted);}
.mc-rating{font-size:.72rem;color:var(--gold);margin-top:6px;display:flex;align-items:center;gap:2px;}
.mc-rating small{color:var(--muted);margin-left:4px;}

/* ============ BOTTOM NAV (mobile) ============ */
.mc-bottomnav{
  position:fixed;bottom:0;left:0;right:0;
  background:rgba(20,37,57,0.95);
  backdrop-filter:blur(14px);
  border-top:1px solid var(--border);
  display:flex;justify-content:space-around;align-items:center;
  padding:8px 6px 10px;
  z-index:200;
}
.mc-bottomnav a{
  display:flex;flex-direction:column;align-items:center;gap:3px;
  color:var(--muted);font-size:.64rem;font-weight:700;
}
.mc-bottomnav a.active{color:var(--gold);}
.mc-bottomnav a i{font-size:1.15rem;}
.mc-bottomnav__qr{
  background:var(--gold);color:var(--ink) !important;
  width:48px;height:48px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  margin-top:-26px;
  box-shadow:0 8px 18px -6px rgba(232,194,117,0.6);
}
.mc-bottomnav__qr i{font-size:1.3rem;}

/* ============ RESPONSIVE ============ */
@media (max-width:991.98px){
  .mc-sidebar{transform:translateX(-100%);}
  .mc-sidebar.open{transform:translateX(0);}
  .mc-overlay.show{display:block;}
  .mc-main{margin-left:0;}
  .mc-topbar{padding:14px 18px;}
  .mc-content{padding:20px 18px 110px;}
  .mc-qr-card{flex-direction:column;align-items:flex-start;text-align:left;}
  .mc-qr-card__right{align-self:center;}
}

@media (max-width:575.98px){
  .mc-greeting h1{font-size:1.6rem;}
  .mc-greeting{flex-direction:column;align-items:flex-start;}
  .mc-stat-card__value{font-size:1.7rem;}
}

/* Focus visibility for accessibility */
a:focus-visible, button:focus-visible{
  outline:2px solid var(--teal);
  outline-offset:2px;
}

@media (prefers-reduced-motion: reduce){
  *{transition:none !important; animation:none !important;}
}


.user-role-section {
    padding: 36px 51px 39px 300px;
    /* max-width: 1320px; */
    width: 100%;
    margin: 0 auto 28px;
}

.user-role-section .head-part-sect {
    
    background: rgb(255 255 255 / 5%);
    padding: 21px 20px;
    border-bottom: 1px solid #FFF59D;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.user-role-section .head-part-sect h2 {
    margin: 0;
    font-size: 2rem;
    font-family: 'Fraunces', serif;
    font-weight: 600;
    color: var(--paper);
}

.user-role-section .head-part-sect ul {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.user-role-section .head-part-sect ul li {
    color: var(--muted);
    font-size: 14px;
    font-weight: 500;
}

.user-role-section .head-part-sect ul li:not(:last-child)::after {
    content: "/";
    margin-left: 8px;
    color: var(--muted);
}

.user-role-section .head-part-sect ul li a {
    color: var(--gold);
    text-decoration: none;
    transition: color .3s ease;
}

.user-role-section .head-part-sect ul li a:hover {
    color: var(--paper);
}
.create-btn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:12px 24px;
    border:none;
    border-radius:14px;
    background:linear-gradient(135deg, var(--gold), #d8ae55);
    color:var(--ink);
    font-size:15px;
    font-weight:700;
    cursor:pointer;
    transition:all .35s ease;
    box-shadow:0 10px 25px rgba(232,194,117,.25);
    position:relative;
    overflow:hidden;
}

.create-btn i{
    font-size:18px;
    transition:.35s;
}

.create-btn span{
    position:relative;
    z-index:2;
}

.create-btn::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.35),
        transparent
    );
    transition:.6s;
}

/* Hover */
.create-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 35px rgba(232,194,117,.4);
}

.create-btn:hover::before{
    left:100%;
}

.create-btn:hover i{
    transform:rotate(90deg) scale(1.15);
}

/* Click Effect */
.create-btn:active{
    transform:scale(.96);
}

/* Keyboard Focus */
.create-btn:focus-visible{
    outline:2px solid var(--teal);
    outline-offset:3px;
}


/*=========================
    Role Table
=========================*/

.role-table{
    background: var(--ink-2);
    border:1px solid var(--border);
    border-radius:0px;
    overflow:hidden;
    box-shadow:0 18px 40px rgba(0,0,0,.18);
}
.table>:not(caption)>*>*
{
  background-color: #1a2636 !important;
}
.role-table table{
    margin:0;
}

.role-table thead{
    background:linear-gradient(90deg,var(--ink-3),var(--ink-2));
}

.role-table thead th{
    padding:18px 22px;
    border:none;
    color:var(--gold);
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.06em;
    white-space:nowrap;
}

.role-table tbody td{
    padding:18px 22px;
    border-top:1px solid rgba(255,255,255,.06);
    color:#ffffff;
    vertical-align:middle;
    transition:.3s;
}

.role-table tbody tr{
    transition:.3s;
}

.role-table tbody tr:hover{
    background:rgba(232,194,117,.06);
    transform:scale(1.003);
}

.role-table tbody tr:hover td{
    color:#ffffff;
}

/* Serial Number */

.role-table tbody td:first-child{
    width:80px;
    font-weight:700;
    color:var(--gold);
}

/* Name */

.role-table tbody td:nth-child(2){
    font-weight:600;
}

/* Guard Badge */

.role-table tbody td:nth-child(3){
    text-align:center;
}

.role-table tbody td:nth-child(3)::before{
    content:'';
}

.role-table tbody td:nth-child(3) span,
.role-table tbody td:nth-child(3){
    color:var(--teal);
    font-weight:600;
}

/* Action */

.role-table tbody td:last-child{
    text-align:center;
}

/* Permission Button */

.permission-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:9px 18px;
    border:none;
    border-radius:10px;
    background:rgba(95,184,168,.12);
    color:var(--teal);
    font-weight:600;
    transition:.35s;
    cursor:pointer;
}

.permission-btn i{
    font-size:15px;
}

.permission-btn:hover{
    background:var(--teal);
    color:var(--ink);
    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(95,184,168,.35);
}

/* Empty Record */

.role-table tbody tr td[colspan]{
    padding:35px;
    text-align:center;
    color:var(--muted);
    font-size:15px;
}

/* Scrollbar */

.role-table::-webkit-scrollbar{
    height:8px;
}

.role-table::-webkit-scrollbar-thumb{
    background:var(--gold);
    border-radius:20px;
}

.role-table::-webkit-scrollbar-track{
    background:var(--ink);
}


/* ===========================
        Premium Modal
=========================== */

.modal.show{
    background:rgba(0,0,0,.65);
    backdrop-filter:blur(6px);
}

.modal-dialog{
    max-width:550px;
}

.modal-content{
    background:linear-gradient(180deg,var(--ink-2),var(--ink));
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 25px 60px rgba(0,0,0,.45);
}

/* Header */

.modal-header{
    border-bottom:1px solid rgba(255,255,255,.08);
    padding:22px 25px;
}

.modal-title{
    color:var(--paper);
    font-family:'Fraunces',serif;
    font-size:26px;
    font-weight:600;
}

/* Close */

.btn-close{
    filter:invert(1);
    opacity:.8;
    transition:.3s;
}

.btn-close:hover{
    transform:rotate(90deg);
    opacity:1;
}

/* Body */

.modal-body{
    padding:25px;
}

.form-label{
    color:var(--paper);
    font-weight:600;
    margin-bottom:10px;
}

.form-control{
    height:50px;
    background:var(--ink-3);
    border:1px solid rgba(255,255,255,.08);
    color:var(--paper);
    border-radius:12px;
    padding:0 18px;
    transition:.3s;
}

.form-control::placeholder{
    color:var(--muted);
}

.form-control:focus{
    background:var(--ink-3);
    border-color:var(--gold);
    color:var(--paper);
    box-shadow:0 0 0 4px rgba(232,194,117,.15);
}

.text-danger{
    margin-top:8px;
    font-size:13px;
}

/* Footer */

.modal-footer{
    border-top:1px solid rgba(255,255,255,.08);
    padding:20px 25px;
    display:flex;
    justify-content:flex-end;
    gap:12px;
}

/* Cancel Button */

.modal-footer .btn-secondary{
    background:transparent;
    border:1px solid rgba(255,255,255,.15);
    color:var(--paper);
    border-radius:12px;
    padding:10px 22px;
    transition:.35s;
}

.modal-footer .btn-secondary:hover{
    background:rgba(255,255,255,.08);
}

/* Save Button */

.modal-footer .btn-primary{
    background:linear-gradient(135deg,var(--gold),#d6ab53);
    color:var(--ink);
    border:none;
    border-radius:12px;
    padding:10px 24px;
    font-weight:700;
    transition:.35s;
    box-shadow:0 10px 25px rgba(232,194,117,.25);
}

.modal-footer .btn-primary:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 35px rgba(232,194,117,.4);
}

.modal-footer .btn-primary:disabled{
    opacity:.7;
    cursor:not-allowed;
}

/* ============ INVENTORY DASHBOARD ============ */
.inventory-main{background:radial-gradient(circle at 75% 0%,rgba(95,184,168,.08),transparent 28%),var(--ink);}
.inventory-content{max-width:1440px;width:100%;}
.inventory-topbar__title{display:flex;flex-direction:column;gap:2px;margin-right:auto;line-height:1.15;}
.inventory-topbar__title strong{font-size:.94rem;color:var(--paper);}
.inventory-kicker{display:block;color:var(--teal);font-size:.66rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;}
.inventory-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:22px 0 30px;}
.inventory-hero h1{font-size:2.3rem;letter-spacing:-.02em;margin-top:5px;}
.inventory-hero .mc-greeting__sub{margin:8px 0 0;}
.inventory-action{display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:11px 16px;font-size:.78rem;font-weight:800;transition:transform .2s,background .2s;}
.inventory-action:hover{transform:translateY(-2px);}
.inventory-action--light{background:var(--gold);color:var(--ink);box-shadow:0 10px 24px rgba(232,194,117,.15);}
.inventory-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;}
.inventory-stat,.inventory-panel{background:linear-gradient(145deg,rgba(27,48,71,.94),rgba(20,37,57,.96));border:1px solid var(--border);box-shadow:var(--shadow-soft);}
.inventory-stat{min-height:146px;border-radius:14px;padding:19px 20px;position:relative;overflow:hidden;}
.inventory-stat:after{content:"";position:absolute;width:100px;height:100px;border:1px solid rgba(95,184,168,.12);border-radius:50%;right:-42px;bottom:-56px;}
.inventory-stat--accent{border-top:2px solid var(--teal);}.inventory-stat--warning{border-top:2px solid var(--gold);}
.inventory-stat__head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.76rem;font-weight:700;}
.inventory-stat__head i{font-size:1.1rem;color:var(--teal);}.inventory-stat--warning .inventory-stat__head i{color:var(--gold);}
.inventory-stat>strong{display:block;font-family:'JetBrains Mono',monospace;font-size:1.8rem;color:var(--paper);margin:18px 0 8px;letter-spacing:-.06em;}
.inventory-stat small{color:var(--muted);font-size:.68rem;}.inventory-stat small b{color:var(--teal);font-weight:800;}.inventory-stat--warning small b{color:var(--gold);}.inventory-negative{color:var(--rose)!important;}
.inventory-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:18px;}
.inventory-panel{border-radius:14px;padding:22px;min-width:0;}.inventory-panel--wide{min-height:360px;}.inventory-panel--category{min-height:360px;}.inventory-panel--activity{min-height:260px;}
.inventory-panel__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:23px;}.inventory-panel__head h2{font-size:1.25rem;margin-top:4px;}.inventory-panel__head>i{color:var(--muted);}
.inventory-select{border:1px solid var(--border);background:rgba(255,255,255,.04);border-radius:8px;color:var(--muted);padding:8px 10px;font:600 .7rem Manrope;}.inventory-select i{margin-left:8px;}
.inventory-chart{height:235px;display:flex;gap:12px;}.inventory-chart__y{display:flex;flex-direction:column;justify-content:space-between;color:var(--muted);font:500 .61rem 'JetBrains Mono';padding-bottom:24px;}.inventory-chart__body{position:relative;flex:1;min-width:0;}.inventory-chart__grid{position:absolute;inset:0 0 24px;display:flex;flex-direction:column;justify-content:space-between;}.inventory-chart__grid i{border-top:1px dashed rgba(255,255,255,.09);}.inventory-chart svg{position:absolute;width:100%;height:calc(100% - 24px);left:0;top:0;overflow:visible;}.inventory-chart__labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:var(--muted);font-size:.59rem;}.inventory-legend{display:flex;align-items:center;gap:20px;color:var(--muted);font-size:.68rem;margin-top:12px;}.inventory-legend span{display:inline-flex;align-items:center;gap:7px;}.inventory-legend strong{margin-left:auto;color:var(--teal);font-size:.68rem;}.inventory-dot{width:7px;height:7px;border-radius:50%;display:inline-block;}.inventory-dot--teal{background:var(--teal);}.inventory-dot--gold{background:var(--gold);}
.inventory-donut{width:164px;height:164px;border-radius:50%;margin:4px auto 18px;background:conic-gradient(var(--gold) 0 34%,var(--teal) 34% 61%,#8aa7d9 61% 83%,var(--rose) 83% 100%);display:grid;place-items:center;position:relative;}.inventory-donut:after{content:"";position:absolute;inset:16px;background:var(--ink-2);border-radius:50%;}.inventory-donut>div{z-index:1;text-align:center;}.inventory-donut strong,.inventory-donut span{display:block;}.inventory-donut strong{font:700 1.35rem 'JetBrains Mono';color:var(--paper);}.inventory-donut span{font-size:.65rem;color:var(--muted);margin-top:3px;}.inventory-category-list{display:grid;gap:9px;}.inventory-category-list span{display:flex;align-items:center;gap:8px;color:#c7d3e0;font-size:.7rem;}.inventory-category-list i{width:8px;height:8px;background:var(--dot);border-radius:50%;}.inventory-category-list b{margin-left:auto;color:var(--paper);font:600 .67rem 'JetBrains Mono';}
.inventory-link{color:var(--gold);font-size:.72rem;font-weight:800;}.inventory-alert-list{display:grid;gap:4px;}.inventory-alert{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border);}.inventory-alert:last-child{border-bottom:0;}.inventory-product-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:1rem;flex:0 0 auto;}.inventory-product-icon--gold{background:rgba(232,194,117,.13);color:var(--gold);}.inventory-product-icon--teal{background:rgba(95,184,168,.13);color:var(--teal);}.inventory-product-icon--blue{background:rgba(138,167,217,.13);color:#8aa7d9;}.inventory-alert div{min-width:0;}.inventory-alert strong,.inventory-alert small{display:block;}.inventory-alert strong{font-size:.78rem;color:var(--paper);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.inventory-alert small{font-size:.65rem;color:var(--muted);margin-top:3px;}.inventory-quantity{margin-left:auto;color:var(--gold);font:700 .7rem 'JetBrains Mono';white-space:nowrap;}.inventory-quantity--critical{color:var(--rose);}.inventory-more{border:0;background:none;color:var(--muted);padding:5px;font-size:1rem;}.inventory-feed{display:grid;gap:2px;}.inventory-feed>div{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--border);}.inventory-feed>div:last-child{border-bottom:0;}.inventory-feed>div>i{width:31px;height:31px;border-radius:9px;background:rgba(95,184,168,.12);display:grid;place-items:center;color:var(--teal);}.inventory-feed p{margin:0;}.inventory-feed strong,.inventory-feed span{display:block;}.inventory-feed strong{font-size:.74rem;color:var(--paper);}.inventory-feed span{font-size:.65rem;color:var(--muted);margin-top:3px;}
.mc-sidebar-status{display:flex;align-items:center;gap:10px;border:1px solid rgba(95,184,168,.18);background:rgba(95,184,168,.07);border-radius:10px;padding:11px 12px;}.mc-sidebar-status__dot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px rgba(95,184,168,.13);}.mc-sidebar-status strong,.mc-sidebar-status span{display:block;}.mc-sidebar-status strong{font-size:.73rem;color:var(--paper);}.mc-sidebar-status div span{font-size:.63rem;color:var(--muted);margin-top:2px;}
@media (max-width:991.98px){.inventory-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.inventory-grid{grid-template-columns:1fr;}.inventory-panel--category{min-height:0;}.inventory-hero{padding-top:10px;}.inventory-hero h1{font-size:2rem;}}
@media (max-width:575.98px){.inventory-hero{display:block;}.inventory-hero .inventory-action{margin-top:18px;}.inventory-stat{padding:15px;min-height:132px;}.inventory-stat>strong{font-size:1.45rem;margin-top:14px;}.inventory-panel{padding:17px;}.inventory-legend{gap:10px;flex-wrap:wrap;}.inventory-legend strong{margin-left:0;flex-basis:100%;}.inventory-chart__labels{font-size:.5rem;}.inventory-panel__head h2{font-size:1.1rem;}}

/* ============ USER DIRECTORY ============ */
.user-directory{min-height:100vh;padding:28px 32px 90px;color:var(--paper);background:radial-gradient(circle at 90% 0%,rgba(95,184,168,.08),transparent 30%),var(--ink);}
.user-directory>.container-fluid{max-width:1440px;padding:0;}
.user-directory__hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 24px;}.user-directory__hero h1{font-size:2.25rem;margin:5px 0 7px;}.user-directory__hero p{color:var(--muted);font-size:.8rem;margin:0;}.user-directory__add{border:0;border-radius:10px;background:var(--gold);color:var(--ink);padding:12px 17px;font:800 .76rem Manrope;box-shadow:0 10px 24px rgba(232,194,117,.16);}.user-directory__add i{margin-right:7px;}
.user-directory__panel{background:rgba(20,37,57,.9);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-soft);overflow:hidden;}.user-directory__panel>.card-body{padding:0;}.user-directory__toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 24px;border-bottom:1px solid var(--border);}.user-directory__toolbar h2{font-size:1.15rem;margin:0 0 4px;}.user-directory__toolbar span{color:var(--muted);font-size:.7rem;}.user-directory__toolbar form{margin:0;}.user-directory__search{width:min(300px,100%);position:relative;}.user-directory__search input{width:100%;border:1px solid var(--border);background:rgba(255,255,255,.045);color:var(--paper);border-radius:8px;padding:11px 12px 11px 36px;font:500 .73rem Manrope;outline:0;}.user-directory__search input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(95,184,168,.1);}.user-directory__search input::placeholder{color:var(--muted);}.user-directory__search i{position:absolute;left:13px;top:11px;color:var(--muted);}
.user-directory__table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}.user-directory__table{width:100%;min-width:920px;border-collapse:collapse;margin:0;color:var(--paper);}.user-directory__table th{padding:13px 15px;background:rgba(255,255,255,.025);color:var(--muted);font-size:.63rem;letter-spacing:.08em;text-transform:uppercase;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border);}.user-directory__table td{padding:14px 15px;border-bottom:1px solid rgba(255,255,255,.06);font-size:.74rem;vertical-align:middle;white-space:nowrap;}.user-directory__table tbody tr:hover{background:rgba(95,184,168,.045);}.user-directory__name{display:flex;align-items:center;gap:9px;}.user-directory__name>span{width:30px;height:30px;border-radius:9px;background:rgba(95,184,168,.13);color:var(--teal);display:grid;place-items:center;font-size:.68rem;font-weight:800;}.user-directory__name strong{font-size:.74rem;color:var(--paper);}.user-directory__muted{color:var(--muted);}.user-directory__actions{display:flex;gap:6px;white-space:nowrap;}.user-directory__actions .btn{border:0!important;border-radius:7px!important;font:700 .65rem Manrope!important;padding:7px 9px!important;}.user-directory__actions .btn-light-info{background:rgba(95,184,168,.13);color:var(--teal);}.user-directory__actions .btn-light-primary{background:rgba(138,167,217,.14);color:#a7c4f0;}.user-directory__actions .btn-danger{background:rgba(217,138,138,.13);color:var(--rose);}.user-directory__actions .btn-info{background:rgba(232,194,117,.13);color:var(--gold);}.user-directory__table .btn-success{background:rgba(95,184,168,.14);color:var(--teal);border:0;}.user-directory__table .btn-danger{background:rgba(217,138,138,.14);color:var(--rose);border:0;}.user-directory__empty{padding:42px!important;text-align:center;color:var(--muted);}.user-directory__pagination{padding:15px 22px;display:flex;justify-content:flex-end;}.user-directory__pagination nav{margin:0;}.user-directory__pagination .page-link{background:transparent;border-color:var(--border);color:var(--muted);font-size:.7rem;}.user-directory__pagination .page-item.active .page-link{background:var(--gold);border-color:var(--gold);color:var(--ink);}
.user-directory__modal .modal-dialog{max-width:980px;margin:1rem auto;}.user-directory__modal .modal-content{background:var(--ink-2);border:1px solid var(--border);border-radius:14px;}.user-directory__modal .modal-header{padding:19px 24px;background:linear-gradient(90deg,rgba(95,184,168,.1),transparent);}.user-directory__modal .modal-title{font-size:1.25rem;}.user-directory__modal .modal-body{padding:20px 24px;max-height:calc(100vh - 165px);overflow-y:auto;}.user-directory__modal .modal-body>.card{background:rgba(27,48,71,.72);border:1px solid var(--border);border-radius:10px!important;margin-bottom:14px!important;}.user-directory__modal .card-header{background:transparent;border-bottom:1px solid var(--border);color:var(--gold);padding:13px 16px;}.user-directory__modal .card-body{padding:17px;}.user-directory__modal label{color:var(--muted);font-size:.7rem;font-weight:700;margin-bottom:6px;}.user-directory__modal .form-control,.user-directory__modal .form-select{height:42px;background:rgba(14,26,43,.65);border:1px solid var(--border);color:var(--paper);border-radius:7px;font-size:.75rem;}.user-directory__modal textarea.form-control{height:auto;min-height:80px;padding-top:10px;}.user-directory__modal .form-control:focus,.user-directory__modal .form-select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(95,184,168,.1);}.user-directory__modal .modal-footer{padding:15px 24px;border-top:1px solid var(--border);}.user-directory__modal .modal-footer .btn-primary{background:var(--gold);color:var(--ink);border:0;}.user-directory__modal .modal-footer .btn-secondary{border-color:var(--border);}
@media (max-width:991.98px){.user-directory{padding:22px 18px 90px;}.user-directory__hero h1{font-size:1.85rem;}.user-directory__modal .modal-dialog{margin:.5rem;}.user-directory__modal .modal-body{padding:15px;}}
@media (max-width:575.98px){.user-directory__hero{display:block;}.user-directory__add{margin-top:16px;width:100%;}.user-directory__toolbar{display:block;padding:17px;}.user-directory__toolbar form{margin-top:14px;}.user-directory__search{width:100%;}.user-directory__modal .modal-dialog{margin:0;height:100%;}.user-directory__modal .modal-content{min-height:100%;border-radius:0;}.user-directory__modal .modal-header,.user-directory__modal .modal-footer{padding-left:16px;padding-right:16px;}.user-directory__modal .modal-body{max-height:calc(100vh - 135px);padding:12px;}.user-directory__modal .card-body{padding:14px;}}

/* ============ KYC REVIEW ============ */
.kyc-review{min-height:100vh;padding:28px 32px 90px;color:var(--paper);background:radial-gradient(circle at 90% 0%,rgba(95,184,168,.08),transparent 30%),var(--ink);}.kyc-review__top{max-width:1440px;margin:0 auto 22px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;}.kyc-review__top h1{font-size:2.25rem;margin:5px 0 7px;}.kyc-review__top p{color:var(--muted);font-size:.8rem;margin:0;}.kyc-review__back{border:1px solid var(--border);border-radius:9px;padding:10px 14px;color:var(--paper);font-size:.72rem;font-weight:800;background:rgba(255,255,255,.04);}.kyc-review__back i{color:var(--teal);margin-right:7px;}.kyc-profile,.kyc-card{background:linear-gradient(145deg,rgba(27,48,71,.94),rgba(20,37,57,.96));border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:14px;}.kyc-profile{max-width:1440px;margin:0 auto 18px;padding:22px 25px;display:flex;justify-content:space-between;align-items:center;gap:20px;}.kyc-profile__identity{display:flex;align-items:center;gap:16px;}.kyc-profile__identity img{width:68px;height:68px;border-radius:16px;}.kyc-profile h2{font-size:1.45rem;margin:4px 0 5px;}.kyc-profile p{margin:0;color:var(--muted);font-size:.72rem;}.kyc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}.kyc-tags span{padding:5px 8px;border-radius:5px;background:rgba(255,255,255,.07);color:var(--muted);font:600 .6rem 'JetBrains Mono';}.kyc-tags .is-success{color:var(--teal);background:rgba(95,184,168,.12);}.kyc-tags .is-danger{color:var(--rose);background:rgba(217,138,138,.12);}.kyc-profile__status{min-width:170px;padding-left:22px;border-left:1px solid var(--border);}.kyc-profile__status span,.kyc-profile__status small{display:block;color:var(--muted);font-size:.64rem;}.kyc-profile__status strong{display:block;font-size:.86rem;margin:7px 0;}.is-success{color:var(--teal)!important;}.is-warning{color:var(--gold)!important;}.kyc-review__grid{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}.kyc-card{padding:21px;min-width:0;}.kyc-card--wide{grid-column:span 2;}.kyc-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px;}.kyc-card__head h2{font-size:1.17rem;margin-top:4px;}.kyc-card__head>i{color:var(--teal);font-size:1.2rem;}.kyc-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 20px;}.kyc-fields--single{grid-template-columns:1fr;gap:14px;}.kyc-fields>div{min-width:0;}.kyc-fields small,.kyc-document>small{display:block;color:var(--muted);font-size:.63rem;margin-bottom:5px;}.kyc-fields strong{font-size:.75rem;color:var(--paper);font-weight:700;overflow-wrap:anywhere;}.kyc-field--full{grid-column:1/-1;}.kyc-wallet{padding:15px;border-radius:10px;background:rgba(95,184,168,.1);margin-bottom:18px;}.kyc-wallet small{display:block;color:var(--muted);font-size:.64rem;}.kyc-wallet strong{display:block;color:var(--teal);font:700 1.3rem 'JetBrains Mono';margin-top:5px;}.kyc-badge{display:inline-block;padding:5px 8px;border-radius:5px;background:rgba(255,255,255,.06);font:700 .62rem Manrope;}.kyc-badge.is-success{background:rgba(95,184,168,.12);}.kyc-badge.is-warning{background:rgba(232,194,117,.12);}.kyc-doc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;}.kyc-document{border:1px dashed rgba(255,255,255,.14);border-radius:10px;padding:12px;background:rgba(14,26,43,.32);min-width:0;}.kyc-document img{display:block;width:100%;height:190px;object-fit:cover;border-radius:7px;margin-top:8px;}.kyc-document--pan{margin-top:20px;}.kyc-document--pan img{height:150px;}.kyc-document__empty{height:190px;margin-top:8px;border-radius:7px;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:.68rem;background:rgba(255,255,255,.035);}.kyc-document__empty i{display:block;font-size:1.2rem;margin-bottom:5px;color:var(--teal);}
@media (max-width:991.98px){.kyc-review{padding:22px 18px 90px;}.kyc-review__top h1{font-size:1.85rem;}.kyc-profile{align-items:flex-start;flex-direction:column;}.kyc-profile__status{width:100%;border-left:0;border-top:1px solid var(--border);padding:15px 0 0;}.kyc-fields{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:575.98px){.kyc-review__top{display:block;}.kyc-review__back{display:inline-block;margin-top:16px;}.kyc-profile{padding:17px;}.kyc-profile__identity{align-items:flex-start;}.kyc-profile__identity img{width:54px;height:54px;}.kyc-profile h2{font-size:1.15rem;}.kyc-review__grid{grid-template-columns:1fr;gap:14px;}.kyc-card--wide{grid-column:auto;}.kyc-card{padding:16px;}.kyc-fields{grid-template-columns:1fr;gap:13px;}.kyc-doc-grid{grid-template-columns:1fr;}.kyc-document img,.kyc-document__empty{height:180px;}}

/* Light theme surfaces */
html[data-theme="light"] .mc-topbar{background:rgba(255,255,255,.88);}
html[data-theme="light"] .mc-sidebar{background:linear-gradient(180deg,#ffffff 0%,#f1f6fa 100%);}
html[data-theme="light"] .inventory-main{background:radial-gradient(circle at 75% 0%,rgba(22,139,124,.08),transparent 28%),var(--ink);}
html[data-theme="light"] .inventory-stat,html[data-theme="light"] .inventory-panel{background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,248,251,.98));box-shadow:0 14px 30px -18px rgba(33,55,78,.32);}
html[data-theme="light"] .user-directory,html[data-theme="light"] .kyc-review{background:radial-gradient(circle at 90% 0%,rgba(22,139,124,.08),transparent 30%),var(--ink);}
html[data-theme="light"] .user-directory__panel,html[data-theme="light"] .kyc-profile,html[data-theme="light"] .kyc-card{background:linear-gradient(145deg,#ffffff,#f4f8fb);box-shadow:0 14px 30px -18px rgba(33,55,78,.32);}
html[data-theme="light"] .user-directory__table th{background:#f3f7fa;}
html[data-theme="light"] .user-directory__search input,html[data-theme="light"] .inventory-select,html[data-theme="light"] .user-directory__modal .form-control,html[data-theme="light"] .user-directory__modal .form-select{background:#f5f8fa;color:var(--paper);}
html[data-theme="light"] .user-directory__modal .modal-content{background:#ffffff;}
html[data-theme="light"] .user-directory__modal .modal-body>.card{background:#f7fafc;}
html[data-theme="light"] .kyc-wallet{background:rgba(22,139,124,.09);}
html[data-theme="light"] .kyc-document{background:#f4f8fa;}
html[data-theme="light"] .inventory-donut:after{background:#ffffff;}
html[data-theme="light"] .inventory-chart__grid i{border-color:rgba(23,32,51,.1);}
html[data-theme="dark"] body,html[data-theme="dark"] .inventory-main,html[data-theme="dark"] .user-directory,html[data-theme="dark"] .kyc-review{background:#050505;}
html[data-theme="dark"] .mc-sidebar{background:linear-gradient(180deg,#0b0b0b 0%,#000 100%);}
html[data-theme="dark"] .mc-topbar{background:rgba(5,5,5,.9);}
html[data-theme="dark"] .inventory-stat,html[data-theme="dark"] .inventory-panel,html[data-theme="dark"] .user-directory__panel,html[data-theme="dark"] .kyc-profile,html[data-theme="dark"] .kyc-card{background:linear-gradient(145deg,#121212,#080808);border-color:#262626;}
html[data-theme="dark"] .user-directory__modal .modal-content,html[data-theme="dark"] .user-directory__modal .modal-body>.card{background:#0b0b0b;}
html[data-theme="dark"] .user-directory__search input,html[data-theme="dark"] .inventory-select,html[data-theme="dark"] .user-directory__modal .form-control,html[data-theme="dark"] .user-directory__modal .form-select{background:#111;color:var(--paper);}
html[data-theme="dark"] .role-table .table> :not(caption)>*>*,html[data-theme="dark"] .modal-content{background:#0b0b0b!important;color:var(--paper);}
html[data-theme="light"] .role-table .table> :not(caption)>*>*{background:#fff!important;color:var(--paper);}

/* Product inventory */
.product-directory{min-height:100vh;padding:28px 32px 90px;background:radial-gradient(circle at 85% 0%,rgba(22,139,124,.08),transparent 28%),var(--ink);color:var(--paper);}.product-directory__head,.product-toolbar,.product-table-card{max-width:1440px;margin-left:auto;margin-right:auto;}.product-directory__head{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--border);padding-bottom:20px;gap:20px;}.product-directory__head h1{font-size:2.15rem;margin:5px 0 6px;}.product-directory__head p{margin:0;color:var(--muted);font-size:.76rem;}.product-directory__crumb{color:var(--muted);font-size:.72rem;}.product-directory__crumb:first-letter{color:var(--teal);}.product-directory__crumb i{margin:0 8px;color:var(--muted);}.product-toolbar{display:flex;align-items:center;gap:14px;padding:24px 0 28px;}.product-filter,.product-export,.product-import,.product-create{height:53px;border-radius:4px;padding:0 21px;background:transparent;font:800 .76rem Manrope;}.product-filter{border:1px solid #7472ff;color:#6663ff;display:flex;align-items:center;gap:10px;}.product-search{position:relative;width:310px;}.product-search i{position:absolute;right:16px;top:18px;color:#6663ff;}.product-search input{width:100%;height:53px;border:0;border-radius:4px;padding:0 43px 0 19px;background:var(--ink-2);color:var(--paper);font:.74rem Manrope;outline:0;box-shadow:0 10px 25px -18px rgba(0,0,0,.3);}.product-search input::placeholder{color:var(--muted);}.product-toolbar__actions{display:flex;gap:14px;margin-left:auto;}.product-export{border:1px solid var(--teal);color:var(--teal);}.product-export--pdf{border-color:var(--rose);color:var(--rose);}.product-import{border:1px solid #00ad8d;background:#00ad8d;color:#fff;}.product-create{border:1px solid #5b57e9;background:#5b57e9;color:#fff;}.product-table-card{background:var(--ink-2);border-radius:5px;padding:32px 38px;box-shadow:0 12px 35px -22px rgba(32,49,72,.35);}.product-table-scroll{overflow-x:auto;}.product-table{width:100%;min-width:900px;border-collapse:collapse;}.product-table th{padding:0 10px 23px;text-align:left;color:var(--paper);font-size:.65rem;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid var(--border);}.product-table th i{color:var(--muted);margin-left:8px;}.product-table td{padding:19px 10px;border-bottom:1px solid var(--border);font-size:.73rem;color:var(--muted);vertical-align:middle;}.product-table th:first-child,.product-table td:first-child{width:38px;}.product-table input[type=checkbox]{width:16px;height:16px;accent-color:#6561ff;}.product-thumb{width:58px;height:58px;display:block;border-radius:5px;object-fit:cover;}.product-thumb--empty{display:grid;place-items:center;background:var(--ink-3);color:var(--teal);font-size:1.2rem;}.product-name,.product-price{color:var(--paper);font-weight:700;}.product-description{display:block;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.product-status{border:0;background:transparent;font:700 .68rem Manrope;}.product-status i{font-size:.48rem;margin-right:6px;vertical-align:middle;}.product-status.is-active{color:var(--teal);}.product-status.is-inactive{color:var(--rose);}.product-actions{display:flex;gap:10px;}.product-icon{border:0;background:transparent;font-size:1rem;padding:4px;}.product-icon--edit{color:#6964ff;}.product-icon--delete{color:var(--rose);}.product-empty{text-align:center!important;padding:50px!important;}.product-pagination{padding-top:20px;display:flex;justify-content:flex-end;}.product-pagination .pagination{margin:0;gap:3px;}.product-pagination .page-link{border:1px solid var(--border);background:transparent;color:var(--muted);border-radius:5px!important;font-size:.7rem;}.product-pagination .active .page-link{background:#5b57e9;border-color:#5b57e9;color:#fff;}.product-modal{position:fixed;inset:0;z-index:1100;background:rgba(0,0,0,.7);display:grid;place-items:center;padding:20px;}.product-modal__dialog{width:min(760px,100%);max-height:calc(100vh - 40px);overflow:auto;background:var(--ink-2);border:1px solid var(--border);border-radius:12px;box-shadow:0 25px 70px rgba(0,0,0,.35);}.product-modal__head{display:flex;justify-content:space-between;padding:23px 26px;border-bottom:1px solid var(--border);}.product-modal__head h2{font-size:1.3rem;margin-top:5px;}.product-modal__close{border:0;background:transparent;color:var(--muted);font-size:1rem;}.product-modal__body{padding:24px 26px;}.product-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;}.product-form-field{display:flex;flex-direction:column;gap:7px;}.product-form-field--wide{grid-column:span 2;}.product-form-field label{color:var(--muted);font-size:.68rem;font-weight:800;}.product-form-field input,.product-form-field select,.product-form-field textarea{width:100%;border:1px solid var(--border);border-radius:7px;background:var(--ink-3);color:var(--paper);padding:11px 12px;font:.74rem Manrope;outline:0;}.product-form-field input:focus,.product-form-field select:focus,.product-form-field textarea:focus{border-color:var(--teal);}.product-form-field small{color:var(--muted);font-size:.61rem;}.product-form-field small:not(:last-child){color:var(--rose);}.product-modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:17px 26px;border-top:1px solid var(--border);}.product-primary,.product-secondary{border:0;border-radius:7px;padding:10px 16px;font:800 .72rem Manrope;}.product-primary{background:#5b57e9;color:#fff;}.product-secondary{background:var(--ink-3);color:var(--muted);}
html[data-theme="light"] .product-table-card,html[data-theme="light"] .product-modal__dialog{background:#fff;}html[data-theme="light"] .product-search input,html[data-theme="light"] .product-form-field input,html[data-theme="light"] .product-form-field select,html[data-theme="light"] .product-form-field textarea{background:#f5f8fa;}html[data-theme="dark"] .product-table-card,html[data-theme="dark"] .product-modal__dialog{background:#0b0b0b;}html[data-theme="dark"] .product-form-field input,html[data-theme="dark"] .product-form-field select,html[data-theme="dark"] .product-form-field textarea{background:#121212;}
@media (max-width:991.98px){.product-directory{padding:22px 18px 90px;}.product-toolbar{flex-wrap:wrap;}.product-toolbar__actions{width:100%;margin-left:0;flex-wrap:wrap;}.product-directory__head h1{font-size:1.85rem;}.product-table-card{padding:22px;}}
@media (max-width:767.98px){.product-directory__head{display:block;}.product-directory__crumb{margin-top:14px;}.product-search{flex:1;min-width:190px;}.product-table{min-width:0;}.product-table thead{display:none;}.product-table,.product-table tbody,.product-table tr,.product-table td{display:block;width:100%;}.product-table tr{padding:16px 0;border-bottom:1px solid var(--border);}.product-table td{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0;border:0;text-align:right;white-space:normal;}.product-table td:before{content:attr(data-label);color:var(--muted);font-size:.62rem;font-weight:800;text-transform:uppercase;text-align:left;}.product-table td:first-child{width:100%;}.product-table td:first-child:before{display:none;}.product-table td[data-label="Image"]{justify-content:flex-start;}.product-table td[data-label="Image"]:before{margin-right:auto;}.product-description{max-width:180px;}.product-modal{padding:0;}.product-modal__dialog{max-height:100vh;height:100%;border-radius:0;}.product-form-grid{grid-template-columns:1fr;}.product-form-field--wide{grid-column:auto;}.product-modal__head,.product-modal__body,.product-modal__footer{padding-left:18px;padding-right:18px;}}

@media (max-width:767.98px){
  .user-directory__table{min-width:0;}.user-directory__table thead{display:none;}.user-directory__table,.user-directory__table tbody,.user-directory__table tr,.user-directory__table td{display:block;width:100%;}.user-directory__table tr{padding:14px 0;border-bottom:1px solid var(--border);}.user-directory__table td{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0;border:0;text-align:right;white-space:normal;}.user-directory__table td:before{content:attr(data-label);color:var(--muted);font-size:.62rem;font-weight:800;text-transform:uppercase;text-align:left;}.user-directory__table td:first-child:before{display:none;}.user-directory__table td:first-child{justify-content:flex-start;}.user-directory__table .user-directory__name{justify-content:flex-start;}.user-directory__table .user-directory__actions{justify-content:flex-end;}.user-directory__table td:last-child{padding-top:12px;}.user-directory__table td[data-label="Action"]:before{margin-right:auto;}.user-directory__table td:nth-child(1):before{content:"Select";display:block;}.user-directory__table td:nth-child(2):before{content:"Name";}.user-directory__table td:nth-child(3):before{content:"Email";}.user-directory__table td:nth-child(4):before{content:"Phone";}.user-directory__table td:nth-child(5):before{content:"Profile";}.user-directory__table td:nth-child(6):before{content:"AEPS";}.user-directory__table td:nth-child(7):before{content:"Status";}.user-directory__table td:nth-child(8):before{content:"Approval";}.user-directory__table td:nth-child(9):before{content:"Actions";}.user-directory__panel{overflow:hidden;}
  .user-role-section .role-table{overflow:visible;}.user-role-section .role-table table{min-width:0;}.user-role-section .role-table thead{display:none;}.user-role-section .role-table table,.user-role-section .role-table tbody,.user-role-section .role-table tr,.user-role-section .role-table td{display:block;width:100%;}.user-role-section .role-table tr{padding:13px 16px;border-bottom:1px solid var(--border);}.user-role-section .role-table td{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:8px 0;border:0;text-align:right;}.user-role-section .role-table td:before{color:var(--muted);font-size:.62rem;font-weight:800;text-transform:uppercase;}.user-role-section .role-table td:nth-child(1):before{content:"No.";}.user-role-section .role-table td:nth-child(2):before{content:"Name";}.user-role-section .role-table td:nth-child(3):before{content:"Guard";}.user-role-section .role-table td:nth-child(4):before{content:"Action";}.user-role-section .role-table td:last-child{justify-content:flex-end;}.user-role-section .role-table td:last-child:before{margin-right:auto;}
}

/* Role and permission management */
.access-list-page{padding-top:30px;}.access-list-page__hero{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px;}.access-list-page__hero h1{font-family:Manrope,sans-serif;font-size:2.15rem;font-weight:800;color:var(--got-text);letter-spacing:-.04em;margin:6px 0;}.access-list-page__hero p{margin:0;color:var(--got-muted);font-size:.76rem;}.access-list-page__hero .create-btn{display:inline-flex;align-items:center;gap:9px;background:#c99627;color:#fff;border:0;border-radius:8px;padding:13px 19px;font:800 .75rem Manrope;box-shadow:0 10px 22px rgba(201,150,39,.18);}.access-list-page__hero .create-btn i{font-size:.9rem;}.access-list-page__toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;background:var(--got-surface);border:1px solid var(--got-line);border-bottom:0;border-radius:10px 10px 0 0;}.access-list-page__toolbar h2{margin:0 0 4px;color:var(--got-text);font:800 1rem Manrope;}.access-list-page__toolbar span{color:var(--got-muted);font-size:.68rem;}.access-list-page__search{position:relative;width:260px;}.access-list-page__search i{position:absolute;left:13px;top:12px;color:var(--got-primary);}.access-list-page__search input{width:100%;height:39px;padding:0 12px 0 35px;border:1px solid var(--got-line);border-radius:7px;background:#fafbfc;color:var(--got-text);font:.7rem Manrope;outline:0;}.access-list-page__search input:focus{border-color:var(--got-primary);box-shadow:0 0 0 3px rgba(98,93,245,.1);}.access-list-page .role-table{border-radius:0 0 10px 10px;border-color:var(--got-line);background:var(--got-surface);box-shadow:0 8px 24px rgba(34,48,80,.045);}.access-list-page .role-table table{min-width:620px;}.access-list-page .role-table thead{background:#fafbfc;}.access-list-page .role-table thead th{padding:16px 18px;color:#4d5870;font:800 .62rem Manrope;letter-spacing:.07em;border-bottom:1px solid var(--got-line);}.access-list-page .role-table tbody td{padding:17px 18px;color:var(--got-text);border-top:1px solid var(--got-line);font-size:.76rem;}.access-list-page .role-table tbody tr:hover{background:#fafbff;transform:none;}.access-list-page .role-table tbody td:first-child{color:#8b95a7;width:70px;}.access-list-page .role-table tbody td:nth-child(2){color:var(--got-text);}.access-list-page .role-table tbody td:nth-child(3){color:var(--got-muted);}.access-list-page .role-badge,.access-list-page .guard-badge{display:inline-flex;align-items:center;border-radius:6px;padding:7px 10px;background:#f0efff;color:var(--got-primary);font:700 .68rem Manrope;}.access-list-page .guard-badge{background:#effaf7;color:var(--got-green);}.access-list-page .access-name{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--got-text);}.access-list-page .access-name i{color:var(--got-primary);}.access-list-page .permission-btn{padding:9px 15px;border-radius:8px;background:#edf8f6;color:#0b9d83;font-size:.7rem;}.access-list-page__pagination{padding:14px 3px 0;}.access-list-page__pagination .pagination{gap:4px;}.access-list-page__pagination .page-link{border:1px solid var(--got-line);background:var(--got-surface);color:var(--got-muted);border-radius:6px!important;font-size:.68rem;}.access-list-page__pagination .page-item.active .page-link{background:var(--got-primary);border-color:var(--got-primary);color:#fff;}
html[data-theme="dark"] .access-list-page__toolbar,html[data-theme="dark"] .access-list-page .role-table{background:#0b0b0b;border-color:#252525;}html[data-theme="dark"] .access-list-page .role-table thead{background:#121212;}html[data-theme="dark"] .access-list-page .role-table thead th,html[data-theme="dark"] .access-list-page .role-table tbody td,html[data-theme="dark"] .access-list-page .role-table tbody td:nth-child(2),html[data-theme="dark"] .access-list-page .access-name{color:#fff;}html[data-theme="dark"] .access-list-page__search input{background:#121212;color:#fff;border-color:#252525;}
@media (max-width:1100px){.access-list-page__hero{display:block;}.access-list-page__hero .create-btn{width:100%;justify-content:center;margin-top:16px;}.access-list-page__toolbar{display:block;padding:16px;}.access-list-page__search{display:block;width:100%;margin-top:14px;}.access-list-page .role-table{overflow:visible;}.access-list-page .role-table table{min-width:0;}.access-list-page .role-table thead{display:none;}.access-list-page .role-table table,.access-list-page .role-table tbody,.access-list-page .role-table tr,.access-list-page .role-table td{display:block;width:100%;}.access-list-page .role-table tr{padding:13px 16px;border-bottom:1px solid var(--got-line);}.access-list-page .role-table td{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 0;border:0;text-align:right;white-space:normal;}.access-list-page .role-table td:before{content:attr(data-label);color:var(--got-muted);font-size:.6rem;font-weight:800;text-transform:uppercase;text-align:left;}.access-list-page .role-table td:last-child{justify-content:flex-end;}.access-list-page .role-table td:last-child:before{margin-right:auto;}.access-list-page__pagination{justify-content:center!important;}}

/* ============ GOTPOS ADMIN SHELL ============ */
:root{--got-bg:#f5f7fb;--got-surface:#fff;--got-text:#202538;--got-muted:#7f8798;--got-line:#e9edf4;--got-primary:#625df5;--got-green:#00ad8d;}
html[data-theme="dark"]{--got-bg:#050505;--got-surface:#0b0b0b;--got-text:#f7f7f7;--got-muted:#a9a9a9;--got-line:#292929;--got-primary:#918cff;--got-green:#38d5b2;}
@media (min-width:992px){.user-directory,.user-role-section,.kyc-review,.product-directory{margin-left:250px;width:calc(100% - 250px);}}
html[data-theme="light"] body{background:var(--got-bg);color:var(--got-text);}
html[data-theme="light"] .mc-sidebar{width:250px;background:#fff;border-right:1px solid var(--got-line);box-shadow:4px 0 18px rgba(35,46,70,.035);}
html[data-theme="light"] .mc-sidebar__brand{padding:22px 20px;border-bottom:1px solid var(--got-line);}.mc-logo__title{letter-spacing:-.02em;}.mc-logo__sub{color:var(--got-muted);}
html[data-theme="light"] .mc-nav{padding:15px 12px;}.mc-nav__label{color:#a3aabd;font-size:.61rem;margin:18px 11px 8px;}.mc-nav__link{color:#687187;border-radius:7px;font-size:.76rem;padding:10px 12px;}.mc-nav__link i{color:#99a2b4;font-size:.92rem;}.mc-nav__link:hover{background:#f4f5ff;color:var(--got-primary);}.mc-nav__link.active{background:#efefff;color:var(--got-primary);box-shadow:none;font-weight:800;}.mc-nav__link.active i{color:var(--got-primary);}.mc-nav__sublink{font-size:.73rem;color:#7d8798;padding:8px 11px;}.mc-nav__sublink.active{background:#efefff;color:var(--got-primary);}.mc-sidebar__footer{padding:14px;border-top:1px solid var(--got-line);}.mc-sidebar-status{background:#f0fbf8;border-color:#d9f3ed;}.mc-theme-toggle{background:#f7f8fb;color:#758096;border-color:var(--got-line);}
.mc-main{margin-left:250px;}.mc-topbar{padding:15px 28px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--got-line);box-shadow:0 2px 12px rgba(35,46,70,.03);}.inventory-topbar__title strong{color:var(--got-text);font-size:.86rem;}.inventory-topbar__title .inventory-kicker{color:var(--got-primary);}.mc-search{border:1px solid var(--got-line);border-radius:7px;background:#fafbfc;}.mc-search input{color:var(--got-text);}.mc-search input::placeholder{color:#a7afbd;}.mc-iconbtn{color:#7a8497;}.mc-profile{border-left:1px solid var(--got-line);padding-left:13px;}
.inventory-content,.user-directory,.kyc-review,.product-directory{background:var(--got-bg);}.inventory-hero,.user-directory__hero,.kyc-review__top,.product-directory__head{padding-top:10px;}.inventory-hero h1,.user-directory__hero h1,.kyc-review__top h1,.product-directory__head h1{font-family:Manrope,sans-serif;font-weight:800;color:var(--got-text);letter-spacing:-.045em;}.inventory-hero .mc-greeting__sub,.user-directory__hero p,.kyc-review__top p,.product-directory__head p{color:var(--got-muted);}.inventory-panel,.inventory-stat,.user-directory__panel,.kyc-profile,.kyc-card,.product-table-card{border:1px solid var(--got-line);border-radius:10px;background:var(--got-surface);box-shadow:0 8px 24px rgba(34,48,80,.045);}.inventory-panel__head h2,.kyc-card__head h2{font-family:Manrope,sans-serif;font-weight:800;color:var(--got-text);}.inventory-stat__head{color:var(--got-muted);}.inventory-stat>strong{color:var(--got-text);}.inventory-panel__head>i,.kyc-card__head>i{color:var(--got-primary);}.inventory-kicker{color:var(--got-primary);}
.user-directory__hero,.kyc-review__top,.product-directory__head,.product-toolbar,.product-table-card{max-width:none;}.user-directory__panel{overflow:hidden;}.user-directory__toolbar{border-bottom:1px solid var(--got-line);}.user-directory__toolbar h2{color:var(--got-text);font-family:Manrope,sans-serif;font-weight:800;}.user-directory__search input,.product-search input{background:#fafbfc;border-color:var(--got-line);color:var(--got-text);}.user-directory__table th,.product-table th{color:#687187;background:#fafbfc;border-color:var(--got-line);}.user-directory__table td,.product-table td{border-color:var(--got-line);color:#69758a;}.user-directory__table tbody tr:hover{background:#fafbff;}.user-directory__name strong,.product-name,.product-price{color:var(--got-text);}.user-directory__pagination .page-link,.product-pagination .page-link{border-color:var(--got-line);}.user-directory__modal .modal-content,.product-modal__dialog{background:#fff;border-color:var(--got-line);}.user-directory__modal .modal-body>.card{background:#fafbfc;border-color:var(--got-line);}.user-directory__modal .form-control,.user-directory__modal .form-select,.product-form-field input,.product-form-field select,.product-form-field textarea{background:#fafbfc;color:var(--got-text);border-color:var(--got-line);}.kyc-profile,.kyc-card{background:#fff;}.kyc-profile h2,.kyc-fields strong{color:var(--got-text);}.kyc-profile p,.kyc-fields small,.kyc-document>small{color:var(--got-muted);}.kyc-document{background:#fafbfc;border-color:var(--got-line);}.product-table-card{padding:0;}.product-table th{padding:20px 16px;}.product-table td{padding:16px;}.product-table-card .product-pagination{padding:16px 22px;}

html[data-theme="dark"] .mc-sidebar{width:250px;background:#080808;border-right-color:#242424;}.mc-main{transition:margin-left .25s ease;}html[data-theme="dark"] .mc-nav__link{color:#9b9b9b;}html[data-theme="dark"] .mc-nav__link:hover,html[data-theme="dark"] .mc-nav__link.active{background:#181818;color:#8e8aff;}html[data-theme="dark"] .mc-nav__link.active i{color:#8e8aff;}html[data-theme="dark"] .mc-topbar{background:rgba(5,5,5,.94);border-color:#242424;}html[data-theme="dark"] .inventory-content,html[data-theme="dark"] .user-directory,html[data-theme="dark"] .kyc-review,html[data-theme="dark"] .product-directory{background:#050505;}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,html[data-theme="dark"] h3,html[data-theme="dark"] h4,html[data-theme="dark"] p,html[data-theme="dark"] label,html[data-theme="dark"] strong,html[data-theme="dark"] span,html[data-theme="dark"] small{color:inherit;}
html[data-theme="dark"] .inventory-hero h1,html[data-theme="dark"] .user-directory__hero h1,html[data-theme="dark"] .kyc-review__top h1,html[data-theme="dark"] .product-directory__head h1,html[data-theme="dark"] .access-list-page__hero h1{color:#fff!important;}
html[data-theme="dark"] .inventory-hero .mc-greeting__sub,html[data-theme="dark"] .user-directory__hero p,html[data-theme="dark"] .kyc-review__top p,html[data-theme="dark"] .product-directory__head p,html[data-theme="dark"] .access-list-page__hero p{color:#aaa!important;}
html[data-theme="dark"] .inventory-topbar__title strong,html[data-theme="dark"] .user-directory__toolbar h2,html[data-theme="dark"] .access-list-page__toolbar h2,html[data-theme="dark"] .kyc-card__head h2{color:#fff!important;}
html[data-theme="dark"] .user-directory__toolbar span,html[data-theme="dark"] .access-list-page__toolbar span{color:#aaa!important;}
html[data-theme="dark"] .user-directory__table th,html[data-theme="dark"] .product-table th,html[data-theme="dark"] .access-list-page .role-table thead th{background:#151515!important;color:#fff!important;border-color:#292929!important;}
html[data-theme="dark"] .user-directory__table td,html[data-theme="dark"] .product-table td,html[data-theme="dark"] .access-list-page .role-table tbody td{background:#0b0b0b!important;color:#f5f5f5!important;border-color:#292929!important;}
html[data-theme="dark"] .user-directory__table tbody tr:hover,html[data-theme="dark"] .access-list-page .role-table tbody tr:hover{background:#171717!important;}
html[data-theme="dark"] .user-directory__pagination .page-link,html[data-theme="dark"] .product-pagination .page-link,html[data-theme="dark"] .access-list-page__pagination .page-link{background:#111!important;color:#fff!important;border-color:#303030!important;}
html[data-theme="dark"] .user-directory__search input,html[data-theme="dark"] .access-list-page__search input,html[data-theme="dark"] .product-search input{background:#111!important;color:#fff!important;border-color:#303030!important;}
html[data-theme="dark"] .user-directory__search input::placeholder,html[data-theme="dark"] .access-list-page__search input::placeholder,html[data-theme="dark"] .product-search input::placeholder{color:#aaa!important;}
html[data-theme="dark"] .modal-content,html[data-theme="dark"] .user-directory__modal .modal-body>.card,html[data-theme="dark"] .product-modal__dialog{background:#0b0b0b!important;color:#fff!important;border-color:#292929!important;}
html[data-theme="dark"] .modal-title,html[data-theme="dark"] .modal-body,html[data-theme="dark"] .modal-footer,html[data-theme="dark"] .form-label{color:#fff!important;}
html[data-theme="light"] .role-table tbody td,html[data-theme="light"] .role-table tbody td span,html[data-theme="light"] .user-directory__table td,html[data-theme="light"] .product-table td{color:#202538;}
html[data-theme="light"] .role-table thead th,html[data-theme="light"] .user-directory__table th,html[data-theme="light"] .product-table th{color:#4d5870;}
html[data-theme="dark"] .role-table tbody td,html[data-theme="dark"] .role-table tbody td span,html[data-theme="dark"] .user-directory__table td,html[data-theme="dark"] .product-table td{color:#f5f5f5;}
html[data-theme="dark"] .role-table thead th,html[data-theme="dark"] .user-directory__table th,html[data-theme="dark"] .product-table th{color:#fff;}
@media (max-width:991.98px){html[data-theme="light"] .mc-sidebar{width:250px;}.mc-main{margin-left:0;}.mc-content{padding-left:18px;padding-right:18px;}.mc-topbar{padding-left:18px;padding-right:18px;}.user-directory,.user-role-section,.kyc-review,.product-directory{margin-left:0;width:100%;}}

/* Auth */
.auth-page{background:var(--ink);color:var(--paper);min-height:100vh;}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;}.auth-intro{padding:46px 8vw 38px;background:linear-gradient(145deg,#0c2a2b,#071617);color:#f4f8f5;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;}.auth-intro:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(95,184,168,.2);border-radius:50%;right:-190px;bottom:-210px;box-shadow:0 0 0 45px rgba(95,184,168,.04),0 0 0 90px rgba(95,184,168,.025);}.auth-brand{display:flex;align-items:center;gap:10px;position:relative;z-index:1;}.auth-brand__mark{width:38px;height:38px;border-radius:11px;display:inline-grid;place-items:center;background:var(--gold);color:#0b1b1b;font-size:1.1rem;}.auth-brand strong{display:block;font:700 1.08rem Fraunces,serif;}.auth-brand small{display:block;color:#9ec2bc;font:600 .61rem Manrope;letter-spacing:.04em;}.auth-intro__copy{position:relative;z-index:1;max-width:520px;}.auth-intro__copy h1{font-size:clamp(2.2rem,4.2vw,4.3rem);line-height:1.05;color:#f4f8f5;margin:16px 0;}.auth-intro__copy h1 em{color:var(--gold);font-style:normal;}.auth-intro__copy p{max-width:370px;color:#a9c8c2;font-size:.85rem;line-height:1.8;}.auth-intro__footer{position:relative;z-index:1;color:#a9c8c2;font-size:.7rem;}.auth-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--teal);margin-right:7px;box-shadow:0 0 0 5px rgba(95,184,168,.12);}.auth-form-area{display:grid;place-items:center;padding:40px 7vw;position:relative;background:var(--ink);}.auth-form-card{width:min(410px,100%);}.auth-mobile-brand{display:none;}.auth-form-card h2{font-size:1.8rem;margin:9px 0 8px;}.auth-form-card__sub{color:var(--muted);font-size:.76rem;margin:0 0 28px;}.auth-form{display:grid;gap:19px;}.auth-field label{display:block;color:var(--paper);font-size:.7rem;font-weight:800;margin-bottom:8px;}.auth-field>div{position:relative;}.auth-field>div>i{position:absolute;left:14px;top:13px;color:var(--muted);}.auth-field input:not([type=checkbox]){width:100%;height:46px;border:1px solid var(--border);border-radius:8px;background:var(--ink-2);color:var(--paper);padding:0 42px;font:.73rem Manrope;outline:0;}.auth-field input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(95,184,168,.1);}.auth-field input::placeholder{color:var(--muted);}.auth-field small{display:block;color:var(--rose);font-size:.64rem;margin-top:6px;}.auth-password-toggle{position:absolute;right:5px;top:5px;height:36px;width:36px;border:0;background:transparent;color:var(--muted);}.auth-form__meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.67rem;}.auth-form__meta label{display:flex;align-items:center;gap:6px;}.auth-form__meta input{accent-color:var(--teal);}.auth-form__meta a,.auth-form-card__help a{color:var(--teal);font-weight:800;text-decoration:none;}.auth-submit{height:48px;border:0;border-radius:8px;background:var(--gold);color:#172033;font:800 .76rem Manrope;box-shadow:0 12px 22px rgba(193,138,32,.16);}.auth-submit i{margin-left:8px;}.auth-form-card__help{text-align:center;color:var(--muted);font-size:.7rem;margin:28px 0 0;}.auth-copyright{position:absolute;bottom:20px;color:var(--muted);font-size:.61rem;margin:0;}
html[data-theme="dark"] .auth-form-area{background:#050505;}html[data-theme="dark"] .auth-field input:not([type=checkbox]){background:#0b0b0b;border-color:#292929;}
@media (max-width:767.98px){.auth-shell{display:block;}.auth-intro{min-height:260px;padding:28px 24px 32px;}.auth-intro__copy{margin-top:46px;}.auth-intro__copy h1{font-size:2.15rem;margin:10px 0;}.auth-intro__copy p,.auth-intro__footer{display:none;}.auth-form-area{min-height:calc(100vh - 260px);padding:36px 24px 70px;}.auth-mobile-brand{display:flex;align-items:center;gap:9px;margin-bottom:26px;}.auth-mobile-brand strong{font:700 1.05rem Fraunces,serif;}.auth-copyright{bottom:18px;}}

/* Role and permission lists */
.user-role-section{padding:28px 32px 90px;max-width:1440px;margin:0 auto;width:100%;}
.user-role-section .head-part-sect{background:transparent;border:0;padding:0 0 22px;}
.user-role-section .head-part-sect h2{font-size:2.1rem;}
.user-role-section .head-part-sect ul{margin-top:7px;}
.user-role-section .role-table{border-radius:14px;overflow-x:auto;}
.user-role-section .role-table table{min-width:620px;}
.user-role-section>.d-flex{padding:14px 4px 0;}
.user-role-section>.d-flex .pagination{margin:0;flex-wrap:wrap;gap:3px;}
.user-role-section>.d-flex .page-link{background:transparent;border:1px solid var(--border);color:var(--muted);font-size:.72rem;border-radius:6px!important;min-width:32px;text-align:center;}
.user-role-section>.d-flex .page-item.active .page-link{background:var(--gold);border-color:var(--gold);color:var(--ink);}
.user-role-section>.d-flex .page-item.disabled .page-link{opacity:.45;}
html[data-theme="light"] .user-role-section .role-table{background:#fff;box-shadow:0 14px 30px -18px rgba(33,55,78,.32);}
html[data-theme="light"] .user-role-section .role-table thead{background:#f3f7fa;}
@media (max-width:991.98px){.user-role-section{padding:22px 18px 90px;}.user-role-section .head-part-sect h2{font-size:1.8rem;}}
@media (max-width:575.98px){.user-role-section .head-part-sect{display:block;}.user-role-section .head-part-sect>div:last-child{margin-top:16px;}.user-role-section .head-part-sect .create-btn{width:100%;justify-content:center;}.user-role-section>.d-flex{justify-content:center!important;}}

/* Final access-page layout override */
@media (min-width:992px){.user-role-section.access-list-page{margin-left:250px;margin-right:0;width:calc(100% - 250px);max-width:none;}}
.access-list-page .role-table tbody td:nth-child(2),.access-list-page .role-table tbody td:nth-child(2) span{color:var(--got-text)!important;}.access-list-page .role-table tbody td:nth-child(3),.access-list-page .role-table tbody td:nth-child(3) span{color:var(--got-muted)!important;}.access-list-page .role-table tbody td:first-child{color:var(--got-muted)!important;}.access-list-page .role-badge{background:rgba(98,93,245,.12)!important;color:var(--got-primary)!important;}.access-list-page .guard-badge{background:rgba(0,173,141,.12)!important;color:var(--got-green)!important;}
html[data-theme="dark"] .access-list-page .role-table tbody td:nth-child(2),html[data-theme="dark"] .access-list-page .role-table tbody td:nth-child(2) span,html[data-theme="dark"] .access-list-page .role-table tbody td:nth-child(3),html[data-theme="dark"] .access-list-page .role-table tbody td:nth-child(3) span,html[data-theme="dark"] .access-list-page .role-table tbody td:first-child{color:#fff!important;}
html[data-theme="dark"] .access-list-page .role-table tbody td,html[data-theme="dark"] .access-list-page .role-table tbody tr{background:#0b0b0b!important;border-color:#292929!important;}.access-list-page .role-table tbody tr:hover{background:var(--got-surface)!important;}
@media (max-width:991.98px){.user-role-section.access-list-page{margin-left:0;width:100%;max-width:none;}.access-list-page .role-table table{min-width:0!important;}.access-list-page .role-table{overflow:visible!important;}}