body.penta-admin-reference-v1{
  --pa-bg:#f5f5f7;
  --pa-sidebar:#ffffff;
  --pa-panel:#ffffff;
  --pa-panel-2:#f4f4f6;
  --pa-panel-3:#ececf0;
  --pa-border:#e3e3e8;
  --pa-border-strong:#d3d3da;
  --pa-text:#16161a;
  --pa-text-soft:#2f2f35;
  --pa-muted:#696973;
  --pa-muted-2:#9696a0;
  --pa-purple:#BE24DC;
  --pa-purple-2:#d946ef;
  --pa-purple-soft:rgba(190,36,220,.08);
  --pa-purple-border:rgba(190,36,220,.22);
  --pa-green:#10b981;
  --pa-green-soft:rgba(16,185,129,.08);
  --pa-yellow:#ca8a04;
  --pa-yellow-soft:rgba(202,138,4,.08);
  --pa-red:#e11d48;
  --pa-red-soft:rgba(225,29,72,.07);
  --pa-sidebar-w:232px;
  --pa-topbar-h:62px;
  background:var(--pa-bg)!important;
  color:var(--pa-text)!important;
  font-family:Poppins,system-ui,sans-serif!important;
}
body.penta-admin-reference-v1[data-penta-admin-theme="dark"]{
  --pa-bg:#09090b;
  --pa-sidebar:#0c0c0f;
  --pa-panel:#101014;
  --pa-panel-2:#15151a;
  --pa-panel-3:#1a1a20;
  --pa-border:#26262e;
  --pa-border-strong:#353540;
  --pa-text:#f6f6f7;
  --pa-text-soft:#d4d4d8;
  --pa-muted:#92929c;
  --pa-muted-2:#64646e;
  --pa-purple-soft:rgba(190,36,220,.10);
  --pa-purple-border:rgba(190,36,220,.27);
  --pa-green:#34d399;
  --pa-green-soft:rgba(52,211,153,.09);
  --pa-yellow:#facc15;
  --pa-yellow-soft:rgba(250,204,21,.08);
  --pa-red:#fb7185;
  --pa-red-soft:rgba(251,113,133,.08);
}
body.penta-admin-reference-v1 nav.nav{display:none!important}
body.penta-admin-reference-v1 #root,
body.penta-admin-reference-v1 .min-h-screen.bg-slate-950{background:var(--pa-bg)!important;color:var(--pa-text)!important}
body.penta-admin-reference-v1 .penta-admin-main{
  max-width:none!important;
  min-width:0!important;
  padding:0 20px 48px calc(var(--pa-sidebar-w) + 22px)!important;
  background:radial-gradient(circle at 88% -10%,rgba(190,36,220,.045),transparent 26%),var(--pa-bg)!important;
}
body.penta-admin-reference-v1 #penta-admin-v2-sidebar{
  top:0!important;left:0!important;bottom:0!important;width:var(--pa-sidebar-w)!important;
  border:0!important;border-right:1px solid var(--pa-border)!important;border-radius:0!important;
  background:var(--pa-sidebar)!important;box-shadow:none!important;
}
body.penta-admin-reference-v1 .penta-admin-v2-brand{
  min-height:var(--pa-topbar-h)!important;height:var(--pa-topbar-h)!important;padding:0 16px!important;
  border-bottom:1px solid var(--pa-border)!important;background:var(--pa-sidebar)!important;gap:10px!important;
}
body.penta-admin-reference-v1 .penta-admin-ref-brand-mark{
  width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border:1px solid var(--pa-purple-border);
  border-radius:10px;background:var(--pa-purple-soft);color:var(--pa-purple-2);font-size:11px;font-weight:700;
}
body.penta-admin-reference-v1 .penta-admin-v2-brand strong{color:var(--pa-text)!important;font-size:11px!important;font-weight:600!important}
body.penta-admin-reference-v1 .penta-admin-v2-brand span{margin-top:1px!important;color:var(--pa-muted-2)!important;font-size:7px!important;letter-spacing:.7px;text-transform:uppercase}
body.penta-admin-reference-v1 .penta-admin-v2-nav{padding:15px 10px 10px!important;background:transparent!important}
body.penta-admin-reference-v1 .penta-admin-v2-group+.penta-admin-v2-group{margin-top:18px!important}
body.penta-admin-reference-v1 .penta-admin-v2-group-label{margin:0 10px 7px!important;color:var(--pa-muted-2)!important;font-size:7px!important;font-weight:600!important;letter-spacing:1px!important}
body.penta-admin-reference-v1 .penta-admin-v2-list{gap:3px!important}
body.penta-admin-reference-v1 .penta-admin-v2-item{
  min-height:38px!important;padding:8px 10px!important;border:1px solid transparent!important;border-radius:9px!important;
  background:transparent!important;color:var(--pa-muted)!important;font-size:9px!important;font-weight:500!important;
}
body.penta-admin-reference-v1 .penta-admin-v2-item i{width:17px!important;color:var(--pa-muted-2)!important;font-size:9px!important}
body.penta-admin-reference-v1 .penta-admin-v2-item:hover{background:var(--pa-panel)!important;border-color:transparent!important;color:var(--pa-text-soft)!important}
body.penta-admin-reference-v1 .penta-admin-v2-item.is-active{background:var(--pa-purple-soft)!important;border-color:var(--pa-purple-border)!important;color:var(--pa-text)!important}
body.penta-admin-reference-v1 .penta-admin-v2-item.is-active i{color:var(--pa-purple-2)!important}
body.penta-admin-reference-v1 .penta-admin-ref-system{
  min-height:61px;padding:10px;border-top:1px solid var(--pa-border);display:flex;align-items:center;gap:9px;background:var(--pa-sidebar);
}
body.penta-admin-reference-v1 .penta-admin-ref-system>span{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--pa-green)}
body.penta-admin-reference-v1 .penta-admin-ref-system strong{display:block;color:var(--pa-text-soft);font-size:8px;font-weight:600}
body.penta-admin-reference-v1 .penta-admin-ref-system small{display:block;margin-top:1px;color:var(--pa-muted-2);font-size:6px}
body.penta-admin-reference-v1 #penta-admin-v2-toolbar{
  position:sticky!important;top:0!important;z-index:44!important;height:var(--pa-topbar-h)!important;min-height:var(--pa-topbar-h)!important;
  margin:0 -20px 20px!important;padding:0 20px!important;border-bottom:1px solid var(--pa-border)!important;
  background:color-mix(in srgb,var(--pa-panel) 92%,transparent)!important;backdrop-filter:blur(16px)!important;
}
body.penta-admin-reference-v1 .penta-admin-v2-toolbar-left{gap:10px!important}
body.penta-admin-reference-v1 .penta-admin-ref-topmark{display:none}
body.penta-admin-reference-v1 .penta-admin-v2-eyebrow{color:var(--pa-muted-2)!important;font-size:7px!important;letter-spacing:.9px;text-transform:uppercase}
body.penta-admin-reference-v1 .penta-admin-v2-title{margin-top:1px!important;color:var(--pa-text)!important;font-size:14px!important;font-weight:600!important;letter-spacing:-.2px!important}
body.penta-admin-reference-v1 .penta-admin-v2-actions{gap:8px!important}
body.penta-admin-reference-v1 .penta-admin-ref-theme-switch{height:35px;display:inline-flex;align-items:center;gap:5px;padding:3px;border:1px solid var(--pa-border);border-radius:9px;background:var(--pa-panel)}
body.penta-admin-reference-v1 .penta-admin-ref-theme-switch button{width:29px;height:27px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--pa-muted-2);font-size:9px;cursor:pointer}
body.penta-admin-reference-v1 .penta-admin-ref-theme-switch button.is-active{background:var(--pa-purple-soft);color:var(--pa-purple-2)}
body.penta-admin-reference-v1 .penta-admin-ref-icon{width:35px;height:35px;display:grid;place-items:center;padding:0;border:1px solid var(--pa-border);border-radius:9px;background:var(--pa-panel);color:var(--pa-muted);font-size:9px;text-decoration:none;cursor:pointer}
body.penta-admin-reference-v1 .penta-admin-ref-icon:hover{color:var(--pa-text);border-color:var(--pa-purple-border)}
body.penta-admin-reference-v1 .penta-admin-ref-user{height:35px;display:flex;align-items:center;gap:7px;padding:0 10px 0 6px;border:1px solid var(--pa-border);border-radius:9px;background:var(--pa-panel)}
body.penta-admin-reference-v1 .penta-admin-ref-user>span{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:var(--pa-purple-soft);color:var(--pa-purple-2);font-size:8px;font-weight:700}
body.penta-admin-reference-v1 .penta-admin-ref-user>strong{max-width:130px;overflow:hidden;color:var(--pa-text-soft);font-size:8px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
body.penta-admin-reference-v1 .penta-admin-content-panel{padding:0!important;background:transparent!important;border:0!important}
body.penta-admin-reference-v1 .penta-admin-source-primary,
body.penta-admin-reference-v1 .penta-admin-source-secondary{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
body.penta-admin-reference-v1 input,body.penta-admin-reference-v1 textarea,body.penta-admin-reference-v1 select{font-family:Poppins,system-ui,sans-serif}
body.penta-admin-reference-v1[data-penta-admin-theme="light"] [class*="bg-slate-800"],
body.penta-admin-reference-v1[data-penta-admin-theme="light"] [class*="bg-slate-900"]{background-color:var(--pa-panel)!important}
body.penta-admin-reference-v1[data-penta-admin-theme="light"] [class*="text-white"]{color:var(--pa-text)!important}
body.penta-admin-reference-v1[data-penta-admin-theme="light"] [class*="text-slate-"]{color:var(--pa-muted)!important}
body.penta-admin-reference-v1[data-penta-admin-theme="light"] [class*="border-slate-"]{border-color:var(--pa-border)!important}
body.penta-admin-reference-v1[data-penta-admin-theme="light"] button[class*="bg-emerald-"],
body.penta-admin-reference-v1[data-penta-admin-theme="light"] button[class*="bg-blue-"],
body.penta-admin-reference-v1[data-penta-admin-theme="light"] button[class*="bg-red-"],
body.penta-admin-reference-v1[data-penta-admin-theme="light"] button[class*="bg-orange-"],
body.penta-admin-reference-v1[data-penta-admin-theme="light"] button[class*="bg-cyan-"],
body.penta-admin-reference-v1[data-penta-admin-theme="light"] button[class*="bg-fuchsia-"]{color:#fff!important}
body.penta-admin-reference-v1[data-penta-admin-theme="light"] input,
body.penta-admin-reference-v1[data-penta-admin-theme="light"] textarea,
body.penta-admin-reference-v1[data-penta-admin-theme="light"] select{background:#fff!important;color:var(--pa-text-soft)!important;border-color:var(--pa-border-strong)!important}
body.penta-admin-reference-v1 #penta-admin-ref-bottom-nav{display:none}
@media(max-width:900px) and (min-width:721px){
  body.penta-admin-reference-v1{--pa-sidebar-w:74px}
  body.penta-admin-reference-v1 .penta-admin-v2-brand{justify-content:center;padding:0!important}
  body.penta-admin-reference-v1 .penta-admin-v2-brand>div:last-child,
  body.penta-admin-reference-v1 .penta-admin-v2-group-label,
  body.penta-admin-reference-v1 .penta-admin-v2-item span,
  body.penta-admin-reference-v1 .penta-admin-ref-system div{display:none!important}
  body.penta-admin-reference-v1 .penta-admin-v2-item{justify-content:center;padding-left:0!important;padding-right:0!important}
  body.penta-admin-reference-v1 .penta-admin-v2-item i{width:auto!important}
  body.penta-admin-reference-v1 .penta-admin-ref-system{justify-content:center}
}
@media(max-width:720px){
  body.penta-admin-reference-v1{padding-bottom:72px!important;--pa-sidebar-w:0px}
  body.penta-admin-reference-v1 .penta-admin-main{padding:0 11px 24px!important}
  body.penta-admin-reference-v1 #penta-admin-v2-sidebar{top:0!important;width:min(84vw,280px)!important;border-right:1px solid var(--pa-border)!important;border-radius:0 14px 14px 0!important;transform:translateX(-102%)!important;z-index:120!important}
  body.penta-admin-reference-v1 #penta-admin-v2-sidebar.is-open{transform:translateX(0)!important}
  body.penta-admin-reference-v1 #penta-admin-v2-toolbar{height:var(--pa-topbar-h)!important;margin:0 -11px 16px!important;padding:0 11px!important}
  body.penta-admin-reference-v1 .penta-admin-v2-menu-btn{display:none!important}
  body.penta-admin-reference-v1 .penta-admin-ref-topmark{display:flex;align-items:center;gap:9px;min-width:0}
  body.penta-admin-reference-v1 .penta-admin-ref-topmark strong{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border:1px solid var(--pa-purple-border);border-radius:9px;background:var(--pa-purple-soft);color:var(--pa-purple-2);font-size:9px;font-weight:700}
  body.penta-admin-reference-v1 .penta-admin-ref-topmark span{color:var(--pa-muted-2);font-size:6px;white-space:nowrap}
  body.penta-admin-reference-v1 .penta-admin-v2-title-wrap{display:none}
  body.penta-admin-reference-v1 .penta-admin-ref-user>strong{display:none}
  body.penta-admin-reference-v1 .penta-admin-ref-user{padding-right:6px}
  body.penta-admin-reference-v1 .penta-admin-ref-icon[href="/"]{display:none}
  body.penta-admin-reference-v1 #penta-admin-ref-bottom-nav{position:fixed;left:10px;right:10px;bottom:10px;z-index:80;height:58px;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:4px;border:1px solid var(--pa-border-strong);border-radius:14px;background:color-mix(in srgb,var(--pa-panel) 96%,transparent);backdrop-filter:blur(18px);box-shadow:0 12px 34px rgba(24,24,27,.10)}
  body.penta-admin-reference-v1 #penta-admin-ref-bottom-nav button{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;border-radius:10px;background:transparent;color:var(--pa-muted-2);font:500 6px/1 Poppins,sans-serif;cursor:pointer}
  body.penta-admin-reference-v1 #penta-admin-ref-bottom-nav button i{font-size:10px}
  body.penta-admin-reference-v1 #penta-admin-ref-bottom-nav button.is-active{background:var(--pa-purple-soft);color:var(--pa-purple-2)}
}
@media(max-width:390px){
  body.penta-admin-reference-v1 .penta-admin-ref-theme-switch{height:34px}
  body.penta-admin-reference-v1 .penta-admin-ref-theme-switch button{width:28px}
  body.penta-admin-reference-v1 .penta-admin-ref-user{display:none}
}