@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --nk-bg:#EFEFEF;
  --nk-bg-2:#f7faf7;
  --nk-surface:rgba(255,255,255,.82);
  --nk-surface-strong:#ffffff;
  --nk-line:rgba(15,23,42,.08);
  --nk-line-strong:rgba(15,23,42,.12);
  --nk-text:#162117;
  --nk-muted:#66785f;
  --nk-accent:#83C151;
  --nk-accent-2:#9DCB74;
  --nk-accent-deep:#11B2B0;
  --nk-accent-ink:#00B1B2;
  --nk-danger:#dc2626;
  --nk-shadow:0 4px 12px rgba(15,23,42,.035);
  --nk-shadow-lg:0 8px 22px rgba(15,23,42,.05);
  --nk-radius:0px;
  --nk-font-body:"Inter",Arial,sans-serif;
  --nk-font-heading:"Inter",Arial,sans-serif;
}

*{box-sizing:border-box}
html{min-height:100%}
body{
  min-height:100vh;
  margin:0;
  font-family:var(--nk-font-body);
  color:var(--nk-text);
  background:
    radial-gradient(circle at top left, rgba(0,177,178,.14), transparent 32%),
    radial-gradient(circle at 85% 15%, rgba(131,193,81,.16), transparent 24%),
    linear-gradient(180deg,#f7faf7 0%,#f1f5ef 55%,#EFEFEF 100%);
}

.auth-body{display:grid;min-height:100vh;place-items:center}
.auth-shell{display:grid;grid-template-columns:1.12fr .88fr;gap:28px;align-items:stretch;width:min(1180px,94vw);padding:28px}
.auth-visual{
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.18), transparent 28%),
    linear-gradient(155deg,#11B2B0 0%,#00B1B2 38%,#83C151 72%,#9DCB74 100%);
  border-radius:0;
  padding:52px;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:640px;
  box-shadow:0 12px 30px rgba(13,124,82,.1);
  position:relative;
  overflow:hidden;
}
.auth-visual::after{
  content:"";
  position:absolute;
  inset:auto -10% -20% auto;
  width:280px;
  height:280px;
  border-radius:0;
  background:rgba(255,255,255,.08);
  filter:blur(10px);
}
.auth-visual h1{position:relative;z-index:1;font-size:46px;line-height:1.02;font-weight:800;max-width:13ch}
.auth-visual h1{font-family:var(--nk-font-heading)}
.auth-visual p{position:relative;z-index:1;margin-top:18px;max-width:54ch;color:rgba(255,255,255,.9);font-size:16px;line-height:1.7}
.auth-brand{position:relative;z-index:1;font-size:18px;font-weight:800;letter-spacing:.22em;margin-bottom:auto;font-family:var(--nk-font-heading)}
.auth-brand span{color:#efffe8}

.auth-card{
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.7);
  border-radius:0;
  box-shadow:var(--nk-shadow-lg);
  padding:34px;
}
.auth-card-themed{display:flex;flex-direction:column;justify-content:center}
.auth-panel-header{display:flex;align-items:center;gap:16px;margin-bottom:28px}
.auth-panel-header h2{font-size:30px;font-weight:800;color:#0f172a;font-family:var(--nk-font-heading)}
.auth-logo{width:52px;height:auto}
.auth-btn-hover,
.auth-submit-hover{
  min-height:42px!important;
  cursor:pointer;
  transition:transform .16s ease, box-shadow .2s ease, background-color .2s ease, border-color .2s ease;
}
.auth-btn-hover:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 18px rgba(15,23,42,.12);
  border-color:#94a3b8!important;
}
.auth-submit-hover:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 18px rgba(22,163,74,.28);
  background:#15803d!important;
}

#sidebar{
  width:280px;
  top:0;
  bottom:0;
  left:0;
  height:auto;
  max-height:100dvh;
  display:flex;
  flex-direction:column;
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(246,251,243,.88));
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-right:1px solid rgba(255,255,255,.7);
  box-shadow:8px 0 18px rgba(15,23,42,.03);
  transition:width .22s ease,transform .22s ease;
  overflow:hidden;
  overflow-y:hidden;
  scrollbar-width:thin;
  scrollbar-color:rgba(99,195,75,.4) transparent;
}
#sidebar::-webkit-scrollbar{width:10px}
#sidebar::-webkit-scrollbar-track{background:transparent}
#sidebar::-webkit-scrollbar-button{
  display:none;
  width:0;
  height:0;
}
#sidebar .sidebar-nav-shell{
  position:relative;
  flex:1 1 auto;
  min-height:0;
  display:flex;
}
#sidebar .sidebar-nav{
  scrollbar-width:none;
  -ms-overflow-style:none;
  flex:1 1 auto;
  min-height:0;
}
#sidebar .sidebar-nav::-webkit-scrollbar{
  display:none;
  width:0;
  height:0;
}
#sidebar .sidebar-scrollbar{
  position:absolute;
  top:14px;
  right:4px;
  bottom:14px;
  width:8px;
  border-radius:999px;
  background:transparent;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease;
}
#sidebar:hover .sidebar-scrollbar,
#sidebar .sidebar-nav-shell.is-scrolling .sidebar-scrollbar{
  opacity:1;
}
#sidebar .sidebar-scrollbar-thumb{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  min-height:36px;
  border-radius:999px;
  background:rgba(255,255,255,.95);
}
#sidebar::-webkit-scrollbar-thumb{
  background:rgba(99,195,75,.35);
  border:2px solid transparent;
  background-clip:padding-box;
}
#sidebar::-webkit-scrollbar-thumb:hover{background:rgba(99,195,75,.5)}
.sidebar-brand{
  position:relative;
  height:88px;
  padding:0 22px;
  border-bottom:1px solid rgba(15,23,42,.05);
  display:flex;
  align-items:center;
  justify-content:center;
}
.sidebar-brand::after{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,rgba(99,195,75,.30),transparent);
}
.brand-logo-full{
  display:block;
  width:156px;
  height:auto;
}
.brand-icon-mini{
  display:none;
  width:34px;
  height:34px;
  object-fit:contain;
}

.sidebar-nav{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  padding:2px 4px!important;
}
.sidebar-collapsed #sidebar{width:84px}
.sidebar-collapsed .main-wrapper{margin-left:84px!important;width:calc(100% - 84px)!important}
.sidebar-collapsed .brand-logo-full{display:none}
.sidebar-collapsed .brand-icon-mini{display:block;width:38px;height:38px}
.sidebar-collapsed .sidebar-group-btn .btn-text,
.sidebar-collapsed .sidebar-link > span:last-child{display:none}
.sidebar-collapsed .sidebar-group-btn{
  justify-content:center;
  padding-left:0!important;
  padding-right:0!important;
}
.sidebar-collapsed .sidebar-group-btn .sidebar-icon,
.sidebar-collapsed .sidebar-link-dashboard .sidebar-icon{margin-right:0}
.sidebar-collapsed .arrow-icon{display:none}
.sidebar-collapsed .sidebar-content{display:none!important}
.sidebar-collapsed .sidebar-link{
  padding:10px 0!important;
  justify-content:center;
}
.sidebar-collapsed .sidebar-link,
.sidebar-collapsed .sidebar-group-btn{
  position:relative;
}
.sidebar-collapsed [data-tooltip]::after{
  content:attr(data-tooltip);
  position:absolute;
  left:calc(100% + 12px);
  top:50%;
  transform:translateY(-50%);
  background:#10231c;
  color:#fff;
  padding:7px 10px;
  font-size:12px;
  line-height:1;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  transition:opacity .15s ease,transform .15s ease;
  z-index:200;
}
.sidebar-collapsed [data-tooltip]:hover::after{
  opacity:1;
  transform:translateY(-50%) translateX(2px);
}
.sidebar-collapsed .sidebar-link-dashboard{
  padding:8px 0!important;
  justify-content:center;
}
.sidebar-collapsed .sidebar-footer{padding-left:10px!important;padding-right:10px!important}
.sidebar-collapsed #sidebarInstallBtn span{display:none}
.sidebar-footer{
  flex:0 0 auto;
}
.sidebar-group-btn,
.sidebar-link-dashboard,
.sidebar-link{
  position:relative;
}
.sidebar-group-btn{
  min-height:40px;
  padding:0 8px 0 18px!important;
  border-radius:0!important;
  margin:0 0 1px!important;
  width:100%!important;
  color:#97a4b8!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transition:none!important;
  cursor:pointer;
  display:flex;
  align-items:center;
}
.sidebar-nav > .sidebar-group-btn::before{
  display:none!important;
}
.sidebar-nav > .sidebar-group-btn:first-of-type::before{
  display:none;
}
.sidebar-group-btn:hover{
  background:transparent!important;
  color:#97a4b8!important;
}
.sidebar-nav > .sidebar-link-dashboard{
  display:flex!important;
  width:100%!important;
  margin:0 0 1px!important;
  min-height:40px;
  padding:0 8px 0 18px!important;
  border-radius:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#97a4b8!important;
}
.sidebar-nav > .sidebar-link-dashboard.is-active{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#97a4b8!important;
}
.sidebar-nav > .sidebar-link-dashboard span,
.sidebar-nav > .sidebar-link-dashboard .sidebar-icon,
.sidebar-nav > .sidebar-link-dashboard .sidebar-icon svg{
  color:#97a4b8!important;
  stroke:#97a4b8!important;
}
.sidebar-nav > .sidebar-link-dashboard.is-active span,
.sidebar-nav > .sidebar-link-dashboard.is-active .sidebar-icon,
.sidebar-nav > .sidebar-link-dashboard.is-active .sidebar-icon svg{
  color:#97a4b8!important;
  stroke:#97a4b8!important;
}
.sidebar-nav > .sidebar-link-dashboard:hover{
  transform:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#ffffff!important;
}
.sidebar-nav > .sidebar-link-dashboard:hover span,
.sidebar-nav > .sidebar-link-dashboard:hover .sidebar-icon,
.sidebar-nav > .sidebar-link-dashboard:hover .sidebar-icon svg{
  color:#ffffff!important;
  stroke:#ffffff!important;
}
#sidebar details.sidebar-group > summary{
  list-style:none;
}
#sidebar details.sidebar-group > summary::-webkit-details-marker{
  display:none;
}
#sidebar .sidebar-group > .sidebar-content{
  display:none;
  margin:0 2px 2px!important;
  padding-top:0!important;
  padding-bottom:0!important;
}
#sidebar details.sidebar-group[open] > .sidebar-content{
  display:block;
}
.sidebar-link{
  margin:2px 8px!important;
  padding:8px 12px 8px 30px!important;
  border-radius:0!important;
  color:#2f4037!important;
  font-weight:600!important;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.sidebar-link:hover{
  background:rgba(99,195,75,.08)!important;
  color:#000!important;
  transform:translateX(2px);
}
.sidebar-link.sidebar-link-dashboard:hover{
  background:#16a34a!important;
  color:#000!important;
  transform:translateY(-1px);
}
.sidebar-link-upsell{
  color:#8a5a10!important;
}
.sidebar-link-upsell:hover{
  background:rgba(245,158,11,.10)!important;
  color:#7c2d12!important;
}
.sidebar-link-upsell::after{
  content:"UP";
  margin-left:auto;
  min-width:24px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 5px;
  background:#f59e0b;
  color:#fff;
  font-size:9px;
  line-height:1;
  letter-spacing:.08em;
  font-family:var(--nk-font-heading);
}
.sidebar-link.is-active:not(.sidebar-link-dashboard){
  background:linear-gradient(90deg,rgba(99,195,75,.16),rgba(134,216,102,.08))!important;
  color:var(--nk-accent-deep)!important;
  font-weight:800!important;
}
.sidebar-collapsed .sidebar-link.is-active:not(.sidebar-link-dashboard),
.sidebar-collapsed details.sidebar-group[open] > .sidebar-group-btn{
  background:rgba(99,195,75,.14)!important;
}
.sidebar-collapsed .sidebar-link.is-active:not(.sidebar-link-dashboard) .sidebar-icon,
.sidebar-collapsed details.sidebar-group[open] > .sidebar-group-btn .sidebar-icon{
  background:linear-gradient(135deg,var(--nk-accent-deep),var(--nk-accent));
  color:#fff;
  width:38px;
  height:30px;
}
.sidebar-collapsed .sidebar-link.is-active:not(.sidebar-link-dashboard) .sidebar-icon svg,
.sidebar-collapsed details.sidebar-group[open] > .sidebar-group-btn .sidebar-icon svg{
  stroke:#fff!important;
}
.sidebar-link.is-active:not(.sidebar-link-dashboard)::before,
details.sidebar-group[open] > .sidebar-group-btn::before{
  content:"";
  position:absolute;
  left:-2px;
  top:8px;
  bottom:8px;
  width:4px;
  border-radius:0;
  background:linear-gradient(180deg,var(--nk-accent),var(--nk-accent-2));
}
.sidebar-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  flex:0 0 28px;
}
.sidebar-icon svg{
  display:block;
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:none!important;
  box-shadow:none!important;
  opacity:1!important;
  vector-effect:non-scaling-stroke;
  shape-rendering:geometricPrecision;
}
.sidebar-group-btn .sidebar-icon,.sidebar-link-dashboard .sidebar-icon{margin-right:5px}
.sidebar-group-btn .sidebar-icon,
.sidebar-link-dashboard .sidebar-icon{display:none!important}
.sidebar-link .sidebar-icon{margin-right:5px}
.sidebar-group-btn .btn-text,.sidebar-link-dashboard span{letter-spacing:.08em}
.sidebar-group-btn .btn-text,.sidebar-link-dashboard span{font-family:var(--nk-font-heading);font-size:12px}
.sidebar-group-btn .btn-text{
  color:#97a4b8!important;
  font-weight:700;
}
.sidebar-group-btn .btn-text{pointer-events:none}
.sidebar-content .sidebar-link > span:last-child{margin-left:0}
#sidebar details.sidebar-group[open] > .sidebar-group-btn .sidebar-chevron{
  transform:rotate(180deg);
}
.sidebar-group-btn .arrow-icon,
.sidebar-link-dashboard .arrow-icon{display:none!important}
.sidebar-subicon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  flex:0 0 18px;
  margin-right:8px;
  color:#6a7c73;
}
.sidebar-subicon svg{
  display:block;
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
  shape-rendering:geometricPrecision;
}
.sidebar-link:hover .sidebar-subicon,
.sidebar-link.is-active .sidebar-subicon{
  color:currentColor;
}
.arrow-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:16px;
  height:16px;
  margin-left:auto;
  transition:transform .2s ease;
  opacity:1;
}
.arrow-icon svg{
  display:block;
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:none!important;
  box-shadow:none!important;
  opacity:1!important;
  vector-effect:non-scaling-stroke;
  shape-rendering:geometricPrecision;
}

.main-wrapper{
  position:relative;
  background:transparent!important;
}
header{
  width:100%;
  margin:0;
  height:68px;
  border:1px solid rgba(255,255,255,.7)!important;
  background:rgba(255,255,255,.72)!important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border-radius:0;
  box-shadow:0 6px 14px rgba(15,23,42,.035);
  position:sticky;
  top:0;
  z-index:110;
  padding:0 14px 0 12px!important;
}
.header-mobile-btn{
  min-width:42px;
  height:42px;
  border-radius:0;
  background:#f7fbf9!important;
  border:1px solid var(--nk-line)!important;
  color:var(--nk-accent-ink)!important;
  font-weight:700;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:0;
}
#sidebarCollapseButton::before{
  content:"";
  width:18px;
  height:18px;
  display:block;
  background:
    linear-gradient(var(--nk-accent-ink),var(--nk-accent-ink)) left 2px top 3px / 14px 2px no-repeat,
    linear-gradient(var(--nk-accent-ink),var(--nk-accent-ink)) left 2px center / 14px 2px no-repeat,
    linear-gradient(var(--nk-accent-ink),var(--nk-accent-ink)) left 2px bottom 3px / 14px 2px no-repeat;
}
.user-meta{text-align:right}
.user-name{font-size:13px!important;letter-spacing:.08em}
.user-name{font-family:var(--nk-font-heading)}
.user-email{font-size:10px!important;text-transform:uppercase;letter-spacing:.12em}
.user-subscription{font-size:9px!important;letter-spacing:.14em}
.user-meta .user-subscription{display:none!important}
.user-avatar{
  width:46px!important;
  height:46px!important;
  border-radius:999px!important;
  background:#22c55e!important;
  box-shadow:0 5px 12px rgba(99,195,75,.10);
  font-weight:800!important;
}

.user-menu-wrap{position:relative;display:flex;align-items:center;gap:8px}
.user-menu-details{position:relative}
.user-menu-details > summary{list-style:none;cursor:pointer}
.user-menu-details > summary::-webkit-details-marker{display:none}
.user-menu-details > summary::marker{display:none}
.subscription-type-inline{
  font-size:10px!important;
  line-height:1.2;
  color:#4b5563;
  white-space:nowrap;
  font-weight:600;
}
.user-menu{
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  min-width:200px;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.78);
  border-radius:0;
  box-shadow:0 8px 18px rgba(15,23,42,.06);
  padding:8px;
  z-index:120;
}
.user-menu-details:not([open]) .user-menu{display:none}
.user-menu-link{
  display:block;
  padding:11px 13px;
  border-radius:0;
  color:#10231c;
  text-decoration:none;
  font-size:14px;
  font-weight:700;
}
.user-menu-link:hover{background:#f3faf7}
.user-menu-link-danger{color:var(--nk-danger)}
.user-menu-link-danger:hover{background:#fff1f2}
@media (max-width:640px){
  .subscription-type-inline{display:none}
}

.page-main{padding-top:22px!important}
.hero-card,
.card,
.entity-item,
.macro-card{
  background:var(--nk-surface)!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:var(--nk-radius)!important;
  box-shadow:var(--nk-shadow);
}
.card{
  padding:24px!important;
}
.upgrade-card{
  background:
    linear-gradient(180deg,rgba(255,250,240,.92),rgba(255,255,255,.84))!important;
  border-color:rgba(245,158,11,.22)!important;
}
.plans-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.plan-card{
  display:flex;
  flex-direction:column;
  gap:14px;
}
.plan-card.is-current{
  border-color:rgba(99,195,75,.24)!important;
  box-shadow:0 10px 22px rgba(99,195,75,.08);
}
.plan-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.plan-card-price{
  display:flex;
  align-items:flex-end;
  gap:8px;
}
.plan-card-price strong{
  font-size:32px;
  line-height:1;
  color:#10231c;
  font-family:var(--nk-font-heading);
}
.plan-card-price span{
  font-size:12px;
  color:#5b6d79;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.plan-feature-list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:8px;
}
.plan-feature-list li{
  position:relative;
  padding-left:14px;
  color:#334155;
  font-size:13px;
  line-height:1.4;
}
.plan-feature-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:7px;
  width:6px;
  height:6px;
  background:#63c34b;
}
.hero-card{
  background:
    radial-gradient(circle at top right, rgba(134,216,102,.16), transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.9),rgba(247,251,249,.8))!important;
}
.page-title{
  color:#11251d!important;
  font-size:22px!important;
  line-height:1.08;
  letter-spacing:-.035em!important;
  font-family:var(--nk-font-heading);
}
.page-subtitle{
  color:var(--nk-muted)!important;
  font-size:13px;
  line-height:1.45;
}
.muted{color:var(--nk-muted)!important}
.card-title,.card-title-spaced{
  color:#11251d!important;
  font-size:14px!important;
  line-height:1.25;
  letter-spacing:-.015em;
  font-family:var(--nk-font-heading);
}
.card-meta{
  color:#5b6d79!important;
  font-size:11px;
  line-height:1.35;
}
.client-metrics-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:0;
}
.client-metric-card{
  background:linear-gradient(180deg,#f7faf7,#ffffff);
  border:1px solid rgba(15,23,42,.08);
  box-shadow:none;
  padding:14px 16px;
}
.client-metric-card:nth-child(1){
  background:linear-gradient(180deg,#eef8ff,#ffffff);
  border-color:#cfe6ff;
}
.client-metric-card:nth-child(2){
  background:linear-gradient(180deg,#eefbf2,#ffffff);
  border-color:#ccefd6;
}
.client-metric-card:nth-child(3){
  background:linear-gradient(180deg,#fff6e9,#ffffff);
  border-color:#f3dfb3;
}
.client-metric-card:nth-child(4){
  background:linear-gradient(180deg,#f8eefc,#ffffff);
  border-color:#e6d2f1;
}
.client-metric-card strong{
  display:block;
  margin-top:8px;
}
.client-metric-card .card-meta{
  display:block;
  margin-top:6px;
}
.client-metric-label{
  margin:0;
  color:#5f705b;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-family:var(--nk-font-heading);
}
.client-metric-value{
  margin:8px 0 0;
  color:#152015;
  font-size:22px;
  line-height:1.1;
  font-weight:800;
  font-family:var(--nk-font-heading);
}
.stats-inline{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.stats-pill{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 12px;
  background:#f6faf3;
  border:1px solid rgba(99,195,75,.22);
  color:#27422a;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-family:var(--nk-font-heading);
}
.appointment-detail{
  border-top:1px solid rgba(15,23,42,.08);
  padding-top:20px;
}
.appointment-detail-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:16px;
}
.appointment-detail-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.appointment-detail-grid div,
.appointment-detail-notes{
  background:#f9fcf7;
  border:1px solid rgba(99,195,75,.18);
  padding:12px 14px;
}
.appointment-detail-grid strong,
.appointment-detail-notes strong{
  display:block;
  margin-bottom:6px;
  color:#5f705b;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-family:var(--nk-font-heading);
}
.appointment-detail-grid span,
.appointment-detail-notes p{
  color:#172318;
  font-size:14px;
  line-height:1.5;
}
.appointment-detail-notes{
  margin-top:12px;
}
.appointment-detail-notes p{
  margin:0;
}
.modal-open{
  overflow:hidden;
}
.glass-modal{
  position:fixed;
  inset:0;
  z-index:400;
}
.glass-modal.hidden{
  display:none;
}
.glass-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(10,18,12,.32);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.glass-modal-panel{
  position:relative;
  width:min(760px,calc(100vw - 32px));
  max-height:calc(100vh - 48px);
  margin:24px auto;
  overflow:auto;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(255,255,255,.62);
  box-shadow:0 16px 48px rgba(15,23,42,.14);
  backdrop-filter:blur(22px);
  -webkit-backdrop-filter:blur(22px);
  padding:22px;
}
.glass-modal-panel-wide{
  width:min(1080px,calc(100vw - 32px));
}
.glass-modal-panel-drawer{
  width:min(560px,calc(100vw - 12px));
  max-height:calc(100vh - 24px);
  margin:12px 12px 12px auto;
}
.glass-modal-panel-compact{
  width:min(520px,calc(100vw - 32px));
}
.glass-modal-panel-centered{
  margin:max(24px,calc((100vh - min(320px,calc(100vh - 48px))) / 2)) auto;
}
.glass-modal-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
}
.glass-modal-close{
  width:38px;
  height:38px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.82);
  color:#162117;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
.glass-modal-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  margin-top:16px;
}
.availability-check{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:0 2px;
  color:#243126;
  font-size:13px;
  font-weight:700;
}
.availability-check input{
  width:16px;
  height:16px;
}
.availability-week-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.availability-layout{
  display:grid;
  gap:24px;
}
.availability-side-stack{
  display:grid;
  gap:24px;
  align-content:start;
}
@media (min-width:1280px){
  .availability-layout{
    grid-template-columns:minmax(0,1.45fr) 360px;
    align-items:start;
  }
}
@media (min-width:1280px){
  .availability-side-stack{
    position:sticky;
    top:96px;
  }
}
.availability-day-card{
  position:relative;
  background:#ffffff;
  border:1px solid rgba(15,23,42,.08);
  padding:14px;
  cursor:pointer;
  transition:border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.availability-day-card:hover{
  border-color:rgba(15,23,42,.16);
  background:#fcfcfd;
  box-shadow:0 8px 18px rgba(15,23,42,.05);
  transform:translateY(-1px);
}
.availability-day-card.is-open{
  background:#fbfcfe;
  border-color:rgba(34,197,94,.22);
}
.availability-day-card.is-open::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:#63c34b;
}
.availability-day-card.is-closed{
  background:#fefcfc;
  border-color:rgba(220,38,38,.16);
}
.availability-day-card.is-closed::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:#dc2626;
}
.availability-day-name{
  color:#1f2937;
  font-size:12px;
  font-weight:800;
  font-family:var(--nk-font-heading);
}
.availability-day-time{
  margin-top:6px;
  color:#111827;
  font-size:14px;
  font-weight:800;
  font-family:var(--nk-font-heading);
}
.availability-day-meta,
.availability-day-location{
  margin-top:4px;
  color:#6b7280;
  font-size:10px;
  line-height:1.35;
}
.status-badge{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 8px;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-family:var(--nk-font-heading);
  border:1px solid transparent;
}
.status-scheduled{background:#eef8ff;border-color:#cfe6ff;color:#1d4f84}
.status-completed{background:#eefbf2;border-color:#ccefd6;color:#215f37}
.status-cancelled{background:#fff3f2;border-color:#ffd7d2;color:#9a3b2f}
.status-no_show{background:#f8eefc;border-color:#e6d2f1;color:#6d3e8c}

#appointments-calendar .fc{
  font-family:var(--nk-font-body);
}
#availability-calendar .fc{
  font-family:var(--nk-font-body);
}
#appointments-calendar .fc-toolbar{
  gap:12px;
  margin-bottom:18px;
  flex-wrap:wrap;
}
#availability-calendar .fc-toolbar{
  gap:12px;
  margin-bottom:18px;
  flex-wrap:wrap;
}
#appointments-calendar .fc-toolbar-title{
  font-size:22px;
  letter-spacing:-.03em;
  font-family:var(--nk-font-heading);
  color:#152015;
}
#availability-calendar .fc-toolbar-title{
  font-size:22px;
  letter-spacing:-.03em;
  font-family:var(--nk-font-heading);
  color:#152015;
}
#appointments-calendar .fc-button{
  border-radius:0!important;
  border:1px solid rgba(99,195,75,.24)!important;
  background:#fff!important;
  color:#17362b!important;
  box-shadow:none!important;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:11px!important;
  font-family:var(--nk-font-heading)!important;
}
#availability-calendar .fc-button{
  border-radius:0!important;
  border:1px solid rgba(99,195,75,.24)!important;
  background:#fff!important;
  color:#17362b!important;
  box-shadow:none!important;
  text-transform:uppercase;
  letter-spacing:.06em;
  font-size:11px!important;
  font-family:var(--nk-font-heading)!important;
}
#appointments-calendar .fc-button:hover,
#appointments-calendar .fc-button.fc-button-active{
  background:#22c55e!important;
  border-color:transparent!important;
  color:#fff!important;
}
#availability-calendar .fc-button:hover,
#availability-calendar .fc-button.fc-button-active{
  background:linear-gradient(135deg,var(--nk-accent-deep),var(--nk-accent))!important;
  border-color:transparent!important;
  color:#fff!important;
}
#appointments-calendar .fc-theme-standard td,
#appointments-calendar .fc-theme-standard th,
#appointments-calendar .fc-theme-standard .fc-scrollgrid{
  border-color:rgba(15,23,42,.08)!important;
}
#availability-calendar .fc-theme-standard td,
#availability-calendar .fc-theme-standard th,
#availability-calendar .fc-theme-standard .fc-scrollgrid{
  border-color:rgba(15,23,42,.08)!important;
}
#appointments-calendar .fc-col-header-cell{
  background:#f8fbfa;
}
#availability-calendar .fc-col-header-cell{
  background:#f8fbfa;
}
#appointments-calendar .fc-daygrid-day-number,
#appointments-calendar .fc-col-header-cell-cushion,
#appointments-calendar .fc-timegrid-axis-cushion,
#appointments-calendar .fc-timegrid-slot-label-cushion{
  color:#30433a;
  text-decoration:none;
}
#availability-calendar .fc-daygrid-day-number,
#availability-calendar .fc-col-header-cell-cushion,
#availability-calendar .fc-timegrid-axis-cushion,
#availability-calendar .fc-timegrid-slot-label-cushion{
  color:#30433a;
  text-decoration:none;
}
#appointments-calendar .fc-event{
  border-radius:0;
  border:none;
  padding:3px 6px;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
  transition:transform .14s ease, box-shadow .14s ease, filter .14s ease, opacity .14s ease;
}
#availability-calendar .fc-event{
  border-radius:0;
  border:none;
  padding:3px 6px;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
  transition:transform .14s ease, box-shadow .14s ease, filter .14s ease, opacity .14s ease;
}
#appointments-calendar .fc-event.calendar-appointment,
#availability-calendar .fc-event.calendar-appointment{
  box-shadow:inset 3px 0 0 rgba(255,255,255,.85);
  overflow:hidden;
}
#appointments-calendar .fc-event:hover,
#availability-calendar .fc-event:hover{
  transform:translateY(-1px);
  filter:saturate(1.04) brightness(.98);
  box-shadow:0 8px 14px rgba(15,23,42,.12);
  z-index:5;
}
#appointments-calendar .fc-event-main,
#availability-calendar .fc-event-main{
  cursor:pointer;
}
#appointments-calendar .fc-timegrid-event .fc-event-main,
#availability-calendar .fc-timegrid-event .fc-event-main{
  padding:2px 1px;
}
#appointments-calendar .fc-event-title,
#availability-calendar .fc-event-title{
  font-weight:800;
  letter-spacing:.01em;
}
#appointments-calendar .fc-event-time,
#availability-calendar .fc-event-time{
  font-size:10px;
  opacity:.9;
}
#appointments-calendar .fc-event.event-scheduled{background:#2563eb}
#appointments-calendar .fc-event.event-completed{background:#16a34a}
#appointments-calendar .fc-event.event-cancelled{background:#ea580c}
#appointments-calendar .fc-event.event-no_show{background:#7c3aed}
#appointments-calendar .fc-event.appointment-availability-block-slot{
  background:#dc2626!important;
  border:1px solid #991b1b!important;
  color:#fff!important;
  box-shadow:inset 4px 0 0 rgba(255,255,255,.28);
  font-weight:800;
}
#appointments-calendar .fc-event.appointment-availability-block-slot:hover{
  filter:saturate(1.08) brightness(.96);
  box-shadow:0 10px 18px rgba(127,29,29,.22), inset 4px 0 0 rgba(255,255,255,.28);
}
#appointments-calendar .fc-bg-event.appointment-availability-block-all-day{
  background:rgba(220,38,38,.22)!important;
}
#appointments-calendar .fc-non-business{
  background:linear-gradient(180deg,rgba(127,29,29,.14),rgba(153,27,27,.2))!important;
}
#appointments-calendar .fc-timegrid-cols .fc-non-business{
  box-shadow:inset 0 0 0 1px rgba(127,29,29,.08);
}
#appointments-calendar .fc-daygrid-day.fc-day-disabled,
#appointments-calendar .fc-daygrid-day.fc-non-business{
  background:linear-gradient(180deg,rgba(127,29,29,.08),rgba(153,27,27,.14))!important;
}
#availability-calendar .fc-event.event-scheduled{background:#2563eb}
#availability-calendar .fc-event.event-completed{background:#16a34a}
#availability-calendar .fc-event.event-cancelled{background:#ea580c}
#availability-calendar .fc-event.event-no_show{background:#7c3aed}
#availability-calendar .fc-event.availability-occupied{
  background:#334155!important;
  color:#fff!important;
  box-shadow:inset 3px 0 0 rgba(255,255,255,.28);
}
#availability-calendar .fc-event.calendar-appointment{
  min-height:18px;
}
#availability-calendar .availability-appointment-chip{
  width:100%;
  min-height:18px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:0 8px;
  font-size:10px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:inherit;
  background:rgba(255,255,255,.22);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
}
#availability-calendar .fc-event.event-availability-block{
  background:#dc2626!important;
  border:1px solid #991b1b!important;
  color:#fff!important;
  box-shadow:inset 4px 0 0 rgba(255,255,255,.28);
  font-weight:800;
}
#availability-calendar .fc-event.event-availability-block:hover{
  filter:saturate(1.08) brightness(.96);
  box-shadow:0 10px 18px rgba(127,29,29,.22), inset 4px 0 0 rgba(255,255,255,.28);
}
#availability-calendar .fc-bg-event.event-availability-block-all-day{
  background:rgba(220,38,38,.22)!important;
}
#availability-calendar .fc-non-business{
  background:linear-gradient(180deg,rgba(127,29,29,.14),rgba(153,27,27,.2))!important;
}
#availability-calendar .fc-timegrid-cols .fc-non-business{
  box-shadow:inset 0 0 0 1px rgba(127,29,29,.08);
}
#availability-calendar .fc-daygrid-day.fc-day-disabled,
#availability-calendar .fc-daygrid-day.fc-non-business{
  background:linear-gradient(180deg,rgba(127,29,29,.08),rgba(153,27,27,.14))!important;
}
.availability-hover-card{
  position:fixed;
  z-index:1300;
  width:min(280px, calc(100vw - 24px));
  padding:12px 14px;
  border:1px solid rgba(15,23,42,.14);
  border-radius:14px;
  background:rgba(255,255,255,.98);
  box-shadow:0 18px 40px rgba(15,23,42,.18);
  pointer-events:none;
  backdrop-filter:blur(10px);
}
.availability-hover-card.hidden{
  display:none;
}
.availability-hover-card-head{
  display:flex;
  justify-content:flex-end;
  margin-bottom:6px;
}
.availability-hover-card h4{
  margin:0;
  font-size:13px;
  line-height:1.2;
  font-weight:800;
  color:#0f172a;
}
.availability-hover-card p{
  margin:4px 0 0;
  font-size:12px;
  line-height:1.3;
  color:#334155;
}
.availability-hover-card-meta{
  margin-top:6px;
  font-size:11px;
  line-height:1.3;
  color:#64748b;
}
.availability-hover-card-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:22px;
  padding:0 8px;
  border-radius:999px;
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.availability-hover-card-status.status-scheduled{
  background:#dbeafe;
  color:#1d4ed8;
}
.availability-hover-card-status.status-completed{
  background:#dcfce7;
  color:#166534;
}
.availability-hover-card-status.status-cancelled{
  background:#ffedd5;
  color:#c2410c;
}
.availability-hover-card-status.status-no_show{
  background:#ede9fe;
  color:#6d28d9;
}
.availability-hover-card-status.is-blocked{
  background:#fee2e2;
  color:#991b1b;
}
.fc-appointment-card{
  position:relative;
  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  gap:8px;
  align-items:start;
  min-height:100%;
}
.fc-appointment-avatar{
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  font-size:11px;
  font-weight:800;
  color:#0f172a;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(255,255,255,.55);
}
.fc-appointment-copy{
  min-width:0;
  padding-right:44px;
}
.fc-appointment-client{
  font-size:11px;
  font-weight:800;
  line-height:1.15;
  color:#fff;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.fc-appointment-title{
  font-size:10px;
  line-height:1.15;
  opacity:.95;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.fc-appointment-time{
  font-size:9px;
  letter-spacing:.02em;
  opacity:.9;
}
.fc-appointment-status{
  position:absolute;
  top:0;
  right:0;
  padding:2px 6px;
  font-size:8px;
  line-height:1.1;
  text-transform:uppercase;
  letter-spacing:.08em;
  border-left:1px solid rgba(255,255,255,.24);
  border-bottom:1px solid rgba(255,255,255,.24);
  background:rgba(15,23,42,.18);
  color:#fff;
}
.client-tone-1.fc-event.calendar-appointment{background:#5dbb63!important}
.client-tone-2.fc-event.calendar-appointment{background:#0ea5a4!important}
.client-tone-3.fc-event.calendar-appointment{background:#3b82f6!important}
.client-tone-4.fc-event.calendar-appointment{background:#8b5cf6!important}
.client-tone-1 .fc-appointment-avatar{color:#14532d}
.client-tone-2 .fc-appointment-avatar{color:#134e4a}
.client-tone-3 .fc-appointment-avatar{color:#1e3a8a}
.client-tone-4 .fc-appointment-avatar{color:#4c1d95}
.fc-event.event-scheduled .fc-appointment-status{background:rgba(20,83,45,.22)}
.fc-event.event-completed .fc-appointment-status{background:rgba(20,83,45,.34)}
.fc-event.event-cancelled .fc-appointment-status{background:rgba(146,64,14,.36)}
.fc-event.event-no_show .fc-appointment-status{background:rgba(76,29,149,.36)}
.appointment-agenda-status-trigger{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  border:none;
  cursor:pointer;
}
.appointment-agenda-status-select{
  min-width:132px;
  min-height:34px;
  padding:6px 10px!important;
  font-size:12px;
}
input,select,textarea{
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(15,23,42,.1)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}
.form-control{
  border-radius:0!important;
  min-height:46px;
  padding:12px 14px!important;
}
.form-control:focus{
  border-color:rgba(99,195,75,.50)!important;
  box-shadow:0 0 0 4px rgba(99,195,75,.14)!important;
}
textarea.form-control{min-height:auto}

.btn{
  min-height:44px;
  border-radius:0!important;
  padding:10px 16px!important;
  box-shadow:0 4px 10px rgba(15,23,42,.03);
  font-family:var(--nk-font-heading);
  letter-spacing:.01em;
}
.btn-primary{
  background:linear-gradient(135deg,var(--nk-accent-deep),var(--nk-accent))!important;
  border-color:transparent!important;
}
.btn-primary:hover{
  background:linear-gradient(135deg,#438f36,#5ab843)!important;
}
.btn-outline{
  background:rgba(255,255,255,.9)!important;
  border-color:rgba(99,195,75,.22)!important;
  color:#154030!important;
}
.btn-outline:hover{
  background:#f5fbef!important;
}

.table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
}
.table th{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#64748b;
  background:#f8fbfa;
  font-family:var(--nk-font-heading);
}
.table th,.table td{
  padding:14px 12px;
  border-bottom:1px solid rgba(15,23,42,.06);
  text-align:left;
}
.table tbody tr:hover td{background:rgba(99,195,75,.05)}
.chart-canvas-wrap{
  position:relative;
  min-height:320px;
}
.chart-canvas-wrap canvas{
  width:100%!important;
  height:320px!important;
}
.mini-modal-chart-wrap{
  position:relative;
  min-height:220px;
  padding:14px 14px 8px;
  border:1px solid rgba(15,23,42,.06);
  background:#f8fbfa;
}
.mini-modal-chart-wrap canvas{
  width:100%!important;
  height:190px!important;
}
.chart-empty-state{
  min-height:320px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:#f8fbfa;
  border:1px solid rgba(15,23,42,.06);
  padding:24px;
}

.dt-container{
  color:#10231c;
  font-size:14px;
}
.dt-container .dt-layout-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:12px 0;
  flex-wrap:wrap;
}
.dt-container .dt-input,
.dt-container .dt-length select{
  min-height:38px;
  padding:8px 10px;
  border:1px solid rgba(15,23,42,.1);
  background:#fff;
  color:#10231c;
  border-radius:0;
}
.dt-container .dt-input:focus,
.dt-container .dt-length select:focus{
  outline:none;
  border-color:rgba(99,195,75,.50);
  box-shadow:0 0 0 3px rgba(99,195,75,.12);
}
.dt-container .dt-paging .dt-paging-button{
  min-width:34px;
  height:34px;
  padding:0 10px!important;
  border:1px solid rgba(15,23,42,.1)!important;
  background:#fff!important;
  color:#10231c!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.dt-container .dt-paging .dt-paging-button:hover{
  background:#f7faf7!important;
  color:#10231c!important;
  border-color:#dfe7e2!important;
}
.dt-container .dt-paging .dt-paging-button.current{
  background:#83C151!important;
  color:#fff!important;
  border-color:#83C151!important;
}
.dt-container .dt-paging .dt-paging-button.current:hover{
  background:#83C151!important;
  color:#fff!important;
  border-color:#83C151!important;
}
.dt-container .dt-paging .dt-paging-button.disabled,
.dt-container .dt-paging .dt-paging-button.disabled:hover{
  background:#fff!important;
  color:#94a3b8!important;
  border-color:rgba(15,23,42,.08)!important;
  cursor:default;
}
.dt-container .dt-search label,
.dt-container .dt-length label{
  color:#5b6d79;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-family:var(--nk-font-heading);
}

#mealplan-result .table,#foods-result .table{margin-top:12px}
.entity-list{display:grid;gap:12px}
.entity-item{
  border:1px solid rgba(15,23,42,.08);
  border-radius:0;
  padding:15px 16px;
  background:#fff;
}
.entity-item h3{margin:0 0 6px;font-size:16px;font-weight:800;color:#0f172a;font-family:var(--nk-font-heading)}
.entity-meta{font-size:12px;font-weight:700;color:#64748b;margin-bottom:8px}
.entity-body{font-size:14px;line-height:1.6;color:#334155}
.availability-context-menu{
  position:fixed;
  z-index:250;
  min-width:180px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 10px 28px rgba(15,23,42,.08);
}
.availability-context-menu.hidden{display:none}
.availability-context-menu-list{display:grid;padding:6px}
.availability-context-item{
  width:100%;
  text-align:left;
  border:0;
  background:transparent;
  color:#10231c;
  font-size:12px;
  font-weight:700;
  padding:10px 12px;
  cursor:pointer;
}
.availability-context-item:hover{
  background:rgba(99,195,75,.1);
}
.availability-context-item.is-disabled{
  color:#7b8a82;
  cursor:default;
}
.availability-context-item.is-disabled:hover{
  background:transparent;
}
.availability-bulk-bar{
  position:fixed;
  z-index:250;
  min-width:260px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 10px 28px rgba(15,23,42,.08);
  padding:12px;
}
.availability-bulk-bar.hidden{display:none}
.availability-bulk-summary{
  font-size:12px;
  font-weight:800;
  color:#10231c;
  margin-bottom:10px;
}
.availability-bulk-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.client-filter-toolbar{
  display:grid;
  gap:1rem;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  align-items:end;
}

.client-bulk-toolbar{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:1rem;
  margin:0 0 1rem;
  padding:1rem 1.1rem;
  border:1px solid rgba(148,163,184,.18);
  border-radius:18px;
  background:rgba(255,255,255,.7);
}

.client-bulk-check{
  display:flex;
  align-items:center;
  justify-content:center;
  margin-right:.75rem;
}

.client-bulk-check input{
  width:1rem;
  height:1rem;
}

.client-empty-state{
  padding:1.25rem;
  border:1px dashed rgba(148,163,184,.35);
  border-radius:18px;
  background:rgba(248,250,252,.7);
}

.client-summary-grid{
  display:grid;
  gap:1rem;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
}

.client-roster-metrics{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(220px,1fr);
  gap:12px;
  overflow-x:auto;
  padding-bottom:4px;
  scrollbar-width:thin;
}

.client-roster-metrics .client-metric-card{
  min-height:unset;
  padding:14px 16px;
}

.client-roster-metrics .client-metric-card strong{
  font-size:28px;
  line-height:1;
  margin-top:2px;
}

.client-roster-metrics .client-metric-card .card-meta{
  margin-top:6px;
  font-size:12px;
  line-height:1.45;
}

.chart-grid-placeholder{display:grid;gap:14px}
.mini-bars{display:grid;gap:14px}
.mini-bar-row{display:grid;gap:7px}
.mini-bar-label{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:#475569}
.mini-bar-track{
  height:11px;
  border-radius:0;
  background:#dde8e4;
  overflow:hidden;
}
.mini-bar-fill{height:100%;border-radius:0;background:linear-gradient(90deg,#16a34a,#4ade80)}
.macro-grid{display:grid;gap:12px}
.macro-card{padding:12px;border-radius:0;background:#f8fafc;border:1px solid #e2e8f0}
.stacked-inputs{
  display:grid;
  gap:12px;
  margin:10px 0 12px;
}
.client-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:18px;
}
.client-wizard-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(15,23,42,.08);
}
.client-tab{
  min-height:44px;
  padding:10px 18px;
  border:1px solid rgba(99,195,75,.22);
  background:rgba(255,255,255,.9);
  color:#154030;
  font-size:14px;
  font-weight:800;
  letter-spacing:.01em;
  font-family:var(--nk-font-heading);
  box-shadow:0 4px 10px rgba(15,23,42,.03);
}
.client-tab.is-active{
  background:linear-gradient(135deg,var(--nk-accent-deep),var(--nk-accent));
  border-color:transparent;
  color:#fff;
}
.client-tab:hover{
  background:#f5fbef;
}
.client-tab.is-active:hover{
  background:linear-gradient(135deg,#438f36,#5ab843);
}
.client-tab-panels{
  display:grid;
}
.client-tab-panel{
  display:none;
}
.client-tab-panel.is-active{
  display:block;
}
.client-wizard-form{
  display:grid;
  gap:16px;
}
.client-wizard-form > .field-stack,
.client-wizard-form > .client-form-grid,
.client-wizard-form > .client-form-section{
  padding:16px 18px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.72);
}
.client-form-grid{
  display:grid;
  gap:14px;
  align-items:start;
}
.client-form-grid > .field-stack{
  min-width:0;
}
.field-stack{
  display:grid;
  gap:6px;
  align-content:start;
}
.field-stack .form-control{
  width:100%;
}
.client-wizard-form textarea.form-control{
  min-height:108px;
  resize:vertical;
}
.client-wizard-form .form-control[readonly]{
  background:rgba(244,248,242,.95)!important;
  color:#365240;
  font-weight:700;
}
.client-wizard-actions{
  justify-content:space-between;
  flex-wrap:wrap;
  padding-top:14px;
  border-top:1px solid rgba(15,23,42,.08);
}
.client-wizard-actions .btn{
  min-width:170px;
}
.client-wizard-actions-final{
  justify-content:flex-end;
}
.client-form-section{
  display:grid;
  gap:12px;
}
.clinical-row{
  display:grid;
  gap:12px;
  align-items:end;
  padding:14px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
}
.clinical-row .btn{
  align-self:end;
}
@media (min-width:768px){
  .clinical-row{
    grid-template-columns:repeat(3,minmax(0,1fr)) auto;
  }
}
@media (min-width:1024px){
  .clinical-row{
    grid-template-columns:repeat(4,minmax(0,1fr)) auto;
  }
}
@media (max-width:767px){
  .client-wizard-head{
    flex-direction:column;
  }
  .client-wizard-actions .btn{
    width:100%;
  }
}
.field-label{
  color:#475569;
  font-size:11px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.clinical-row{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr)) 96px;
  gap:10px;
  align-items:start;
}
.btn-small{
  min-height:36px;
  padding:8px 12px!important;
  font-size:12px;
}
.btn.btn-small{
  min-height:34px!important;
  padding:6px 12px!important;
  font-size:12px!important;
  line-height:1.2;
}
body.ui-variant-inbox-clean .btn.btn-small,
body.ui-variant-inbox-clean button.btn.btn-small,
body.ui-variant-inbox-clean a.btn.btn-small{
  min-height:34px!important;
  padding:6px 12px!important;
}
.btn-danger{
  border-color:rgba(220,38,38,.24)!important;
  color:#b91c1c!important;
}
.btn-danger:hover{
  background:#b91c1c!important;
  border-color:#b91c1c!important;
  color:#fff!important;
}
.badge-danger{
  background:rgba(220,38,38,.12);
  color:#b91c1c;
}
.completion-bar{
  height:10px;
  background:#e8efed;
  overflow:hidden;
}
.completion-bar span{
  display:block;
  height:100%;
  width:0;
  background:linear-gradient(90deg,#63c34b,#0f9f68);
}
.client-missing-list{
  display:grid;
  gap:10px;
}
.tag-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.tag{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:6px 10px;
  background:#eef4f2;
  color:#334155;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.tag-warning{
  background:rgba(245,158,11,.14);
  color:#b45309;
}
.cross-link-grid{
  display:grid;
  gap:16px;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.cross-link-card{
  display:grid;
  gap:8px;
  text-decoration:none;
  color:inherit;
}
.cross-link-card:hover{
  border-color:rgba(99,195,75,.28);
  background:#fbfefb;
}
.cross-link-label{
  margin:0;
  color:#64748b;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.cross-link-value{
  margin:0;
  color:#10231c;
  font-size:28px;
  font-weight:800;
  line-height:1;
  font-family:var(--nk-font-heading);
}
.cross-link-meta{
  margin:0;
  color:#64748b;
  font-size:12px;
  line-height:1.5;
}
.timeline-list{
  display:grid;
  gap:14px;
}
.timeline-item{
  display:grid;
  grid-template-columns:14px minmax(0,1fr);
  gap:12px;
}
.timeline-dot{
  width:14px;
  height:14px;
  margin-top:3px;
  background:#63c34b;
}
.timeline-body{
  border-left:1px solid rgba(15,23,42,.08);
  padding-left:12px;
  padding-bottom:2px;
}
.timeline-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:4px;
}
.timeline-head h3{
  margin:0;
  color:#10231c;
  font-size:13px;
  font-weight:800;
}
.timeline-head span{
  color:#64748b;
  font-size:11px;
  font-weight:700;
}
.timeline-body p{
  margin:0;
  color:#475569;
  font-size:12px;
  line-height:1.6;
}
.table-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.table-actions-inline{
  flex-wrap:nowrap;
  align-items:center;
}
.client-cell-stack{
  display:grid;
  gap:4px;
  min-width:140px;
}
.client-cell-stack strong{
  font-size:13px;
  line-height:1.2;
  color:#0f172a;
}
.client-quick-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  min-width:230px;
}
.client-quick-links .btn{
  white-space:nowrap;
}
.client-roster-grid{
  display:grid;
  gap:16px;
  grid-template-columns:1fr;
}
.client-roster-card{
  display:grid;
  gap:16px;
  padding:18px 20px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:20px;
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  box-shadow:0 16px 34px rgba(15,23,42,.05);
}
.client-roster-card-archived{
  background:linear-gradient(180deg,#ffffff,#fff7f7);
}
.client-roster-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.client-roster-identity{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
.client-roster-avatar{
  width:46px;
  height:46px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#dcfce7,#bbf7d0);
  color:#166534;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  flex:0 0 46px;
}
.client-roster-heading{
  min-width:0;
  display:grid;
  gap:4px;
}
.client-roster-heading a,
.client-roster-heading strong{
  color:#10231c;
  font-size:15px;
  font-weight:800;
  line-height:1.2;
}
.client-roster-heading p{
  margin:0;
  color:#64748b;
  font-size:12px;
  line-height:1.4;
  word-break:break-word;
}
.client-roster-body{
  display:grid;
  gap:14px;
  grid-template-columns:repeat(1,minmax(0,1fr));
}
.client-roster-card .table-actions{
  justify-content:flex-start;
}
.client-list-tab{
  appearance:none;
  cursor:pointer;
}
.client-card-table{
  display:grid;
  gap:12px;
}
.client-card-table-row{
  display:grid;
  gap:16px;
  align-items:center;
}
.client-card-table-head-active .client-card-table-row{
    grid-template-columns:minmax(220px,1.3fr) minmax(150px,.85fr) minmax(160px,.85fr) minmax(300px,1.2fr) auto;
}
.client-card-table-head-archived .client-card-table-row{
  grid-template-columns:minmax(220px,1.25fr) minmax(150px,.8fr) minmax(160px,.9fr) auto;
}
.client-card-table-row-head{
  padding:0 18px;
  color:#64748b;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.client-card-table-row-body{
  padding:12px 16px;
  border:1px solid rgba(15,23,42,.08);
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  border-radius:18px;
  box-shadow:0 14px 32px rgba(15,23,42,.05);
}
.client-card-table-head-active + .client-card-table-body .client-card-table-row{
    grid-template-columns:minmax(220px,1.3fr) minmax(150px,.85fr) minmax(160px,.85fr) minmax(300px,1.2fr) auto;
}
.client-card-table-head-archived + .client-card-table-body .client-card-table-row{
  grid-template-columns:minmax(220px,1.25fr) minmax(150px,.8fr) minmax(160px,.9fr) auto;
}
.client-card-table-body-active .client-card-table-row{
  grid-template-columns:minmax(220px,1.3fr) minmax(150px,.85fr) minmax(160px,.85fr) minmax(300px,1.2fr) auto;
}
.client-card-table-body-archived .client-card-table-row{
  grid-template-columns:minmax(220px,1.25fr) minmax(150px,.8fr) minmax(160px,.9fr) auto;
}
.client-card-table-cell{
  min-width:0;
  font-size:13px;
  color:#334155;
}
.client-card-table-row-body .table-actions{
  justify-content:flex-end;
}
.client-card-table-row-body .client-cell-stack{
  min-width:0;
}
.client-card-table-row-body .client-quick-links{
  min-width:0;
  gap:5px;
}
body.ui-variant-inbox-clean .client-card-table-row-body .client-quick-links .btn,
body.ui-variant-inbox-clean .client-card-table-row-body .table-actions .btn{
  min-height:28px;
  padding:4px 8px!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:0!important;
  font-weight:600!important;
}
.client-card-table-row-body .table-actions{
  gap:4px;
}
.client-card-table-row-body .table-actions form{
  margin:0;
}
body.ui-variant-inbox-clean .client-card-table-row-body .client-quick-links .btn{
  min-width:0;
  padding-inline:8px!important;
}
body.ui-variant-inbox-clean .client-card-table-row-body .table-actions .btn{
  min-width:64px;
}
.client-card-identity{
  display:flex;
  align-items:center;
  gap:14px;
}
.client-card-identity .client-roster-heading{
  gap:5px;
}
.client-card-identity .badge{
  width:max-content;
}
.client-card-table-cell .client-quick-links{
  min-width:0;
}
.client-metric-card-link{
  text-decoration:none;
  color:inherit;
  transition:transform .16s ease, box-shadow .2s ease, border-color .2s ease;
}
.client-metric-card-link:hover{
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(15,23,42,.1);
}
.measurement-card-table{
  display:grid;
  gap:12px;
}
.measurement-card-table-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(120px,.8fr) minmax(120px,.8fr);
  gap:16px;
  align-items:center;
}
.measurement-card-table-row-head{
  padding:0 18px;
  color:#64748b;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.measurement-card-table-row-body{
  padding:16px 18px;
  border:1px solid rgba(15,23,42,.08);
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  border-radius:16px;
  box-shadow:0 14px 32px rgba(15,23,42,.05);
}
.measurement-card-table-cell{
  min-width:0;
  color:#334155;
  font-size:13px;
  line-height:1.4;
}
.measurement-card-table-cell strong{
  color:#10231c;
  font-size:14px;
  font-weight:800;
}
.measurement-thread-list{
  display:grid;
  gap:12px;
  grid-template-columns:repeat(1,minmax(0,1fr));
}
.measurement-thread-card{
  display:grid;
  gap:14px;
  padding:16px 18px;
  border:1px solid rgba(15,23,42,.08);
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  border-radius:16px;
}
.measurement-thread-main{
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:14px;
  align-items:start;
}
.measurement-thread-avatar{
  width:44px;
  height:44px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#dcfce7,#bbf7d0);
  color:#166534;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
}
.measurement-thread-body{
  min-width:0;
  display:grid;
  gap:10px;
}
.measurement-thread-head h3{
  margin:0;
  color:#10231c;
  font-size:14px;
  font-weight:800;
}
.measurement-thread-head p{
  margin:4px 0 0;
  color:#64748b;
  font-size:12px;
  line-height:1.5;
}
.measurement-thread-metrics{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
@media (min-width:640px){
  .client-roster-body{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .measurement-thread-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:991px){
  .client-card-table-row-head{
    display:none;
  }
  .client-card-table-body .client-card-table-row{
    grid-template-columns:1fr;
    gap:12px;
  }
  .client-card-table-cell{
    display:grid;
    gap:4px;
  }
  .client-card-table-row-body .table-actions{
    justify-content:flex-start;
  }
  .client-card-table-cell::before{
    content:attr(data-label);
    color:#64748b;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
  .client-card-identity::before{
    content:none;
  }
  .client-list-tab{
    width:100%;
  }
}
@media (min-width:1200px){
  .measurement-thread-list{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .measurement-thread-card{
    height:100%;
  }
  .measurement-thread-main{
    grid-template-columns:1fr;
    gap:12px;
  }
  .measurement-thread-avatar{
    width:40px;
    height:40px;
    font-size:10px;
  }
}
@media (max-width:767px){
  .measurement-card-table-row-head{
    display:none;
  }
  .measurement-card-table-row-body{
    grid-template-columns:1fr;
    gap:12px;
  }
  .measurement-card-table-cell{
    display:grid;
    gap:4px;
  }
  .measurement-card-table-cell::before{
    content:attr(data-label);
    color:#64748b;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
  }
}
.thread-conversation-card{
  display:grid;
  gap:18px;
  padding:20px;
  border:1px solid rgba(15,23,42,.08);
  background:linear-gradient(180deg,#ffffff,#f8fafc);
  border-radius:20px;
}
.thread-conversation-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(148,163,184,.18);
}
.thread-conversation-client{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
.thread-conversation-avatar{
  flex:0 0 44px;
}
.thread-conversation-heading{
  min-width:0;
}
.thread-conversation-heading h3{
  margin:0;
  color:#10231c;
  font-size:15px;
  font-weight:800;
}
.thread-conversation-heading p{
  margin:4px 0 0;
  color:#64748b;
  font-size:12px;
}
.thread-chat-list{
  display:grid;
  gap:12px;
}
.thread-chat-row{
  display:flex;
}
.thread-chat-row.is-incoming{
  justify-content:flex-start;
}
.thread-chat-row.is-outgoing{
  justify-content:flex-end;
}
.thread-chat-bubble{
  width:min(100%,640px);
  display:grid;
  gap:8px;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid rgba(148,163,184,.2);
  box-shadow:0 12px 30px rgba(15,23,42,.06);
}
.thread-chat-bubble.is-incoming{
  background:#fff;
  border-top-left-radius:6px;
}
.thread-chat-bubble.is-outgoing{
  background:linear-gradient(135deg,#dcfce7,#bbf7d0);
  border-color:rgba(34,197,94,.24);
  border-top-right-radius:6px;
}
.thread-chat-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:11px;
}
.thread-chat-author{
  font-weight:800;
  color:#10231c;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.thread-chat-time{
  color:#64748b;
}
.thread-chat-bubble p{
  margin:0;
  color:#334155;
  font-size:14px;
  line-height:1.6;
}

@media (max-width:767px){
  .measurement-thread-card{
    padding:14px;
  }
  .measurement-thread-main{
    grid-template-columns:38px minmax(0,1fr);
    gap:12px;
  }
  .measurement-thread-avatar{
    width:38px;
    height:38px;
  }
  .thread-conversation-card{
    padding:16px;
  }
  .thread-conversation-header{
    align-items:flex-start;
    flex-direction:column;
  }
  .thread-chat-bubble{
    width:100%;
  }
}

@media (max-width:1024px){
  .clinical-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cross-link-grid{grid-template-columns:1fr 1fr}
}

@media (max-width:1024px){
  .auth-shell{grid-template-columns:1fr}
  .auth-visual{min-height:320px;padding:32px}
  .auth-visual h1{font-size:34px}
  header{width:100%;margin:0}
  .client-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .appointment-detail-grid{grid-template-columns:1fr}
  .availability-week-grid{grid-template-columns:1fr}
}

@media (max-width:767px){
  .auth-shell{padding:12px}
  .auth-card,.auth-visual{border-radius:0;padding:22px}
  .auth-visual h1{font-size:28px}
  .page-title{font-size:20px!important}
  .card{padding:18px!important}
  .client-metrics-grid{grid-template-columns:1fr}
  .cross-link-grid{grid-template-columns:1fr}
  .client-metric-value{font-size:20px}
  .glass-modal-panel{width:calc(100vw - 20px);margin:10px auto;padding:16px}
  .glass-modal-actions{justify-content:stretch;flex-direction:column}
  .plans-grid{grid-template-columns:1fr}
}
.demo-offer-modal .glass-modal-backdrop{
  background:rgba(15,23,42,.46);
}
.demo-offer-panel{
  width:min(640px,calc(100vw - 32px));
  border:1px solid rgba(99,195,75,.18);
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}
.demo-offer-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.demo-offer-eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:6px 10px;
  background:rgba(99,195,75,.12);
  color:#0f5132;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.demo-offer-session-badge{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:6px 10px;
  background:#10231c;
  color:#fff;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.demo-offer-accent{
  color:#0f9f68;
}
.demo-offer-price-compare{
  display:grid;
  grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);
  gap:12px;
  margin:20px 0;
  align-items:stretch;
}
.demo-offer-price-old,
.demo-offer-price-new{
  display:grid;
  gap:6px;
  padding:16px;
  border:1px solid rgba(15,23,42,.08);
  background:#f8fbfa;
}
.demo-offer-price-old{
  opacity:.82;
}
.demo-offer-price-new{
  border-color:rgba(99,195,75,.32);
  background:linear-gradient(180deg,rgba(99,195,75,.10),rgba(255,255,255,.96));
}
.demo-offer-price-label{
  color:#64748b;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.demo-offer-price-old strong,
.demo-offer-price-new strong{
  color:#10231c;
  font-size:28px;
  font-weight:800;
  line-height:1;
  font-family:var(--nk-font-heading);
}
.demo-offer-price-old small,
.demo-offer-price-new small{
  color:#64748b;
  font-size:12px;
  font-weight:700;
}
.demo-offer-price-arrow{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#0f9f68;
  font-size:22px;
  font-weight:800;
}
.demo-offer-grid{
  display:grid;
  gap:12px;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:20px 0;
}
.demo-offer-stat{
  display:grid;
  gap:6px;
  padding:14px;
  border:1px solid rgba(15,23,42,.08);
  background:#f8fbfa;
}
.demo-offer-stat strong{
  color:#10231c;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.demo-offer-stat span{
  color:#475569;
  font-size:12px;
  line-height:1.6;
}
.demo-offer-pill{
  position:fixed;
  top:18px;
  right:96px;
  z-index:260;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:10px 14px;
  border:1px solid rgba(99,195,75,.22);
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 10px 28px rgba(15,23,42,.08);
}
.demo-offer-pill.hidden,.demo-offer-reminder.hidden{display:none}
.demo-offer-pill-label{
  color:#64748b;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.demo-offer-pill strong{
  color:#10231c;
  font-size:15px;
  font-weight:800;
}
.demo-offer-reminder{
  position:fixed;
  right:20px;
  bottom:24px;
  z-index:260;
  display:flex;
  align-items:center;
  gap:16px;
  min-width:280px;
  padding:14px 16px;
  border:1px solid rgba(99,195,75,.22);
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 12px 32px rgba(15,23,42,.10);
}
.demo-offer-reminder-copy{
  display:grid;
  gap:4px;
}
.demo-offer-reminder-copy strong{
  color:#10231c;
  font-size:13px;
  font-weight:800;
}
.demo-offer-reminder-copy span{
  color:#64748b;
  font-size:12px;
}
@media (max-width:1024px){
  .demo-offer-grid{grid-template-columns:1fr}
  .demo-offer-price-compare{grid-template-columns:1fr}
  .demo-offer-price-arrow{display:none}
}
body.ui-variant-inbox-clean{
  background:#f7faf7;
}
body.ui-variant-inbox-clean .hero-card,
body.ui-variant-inbox-clean .entry-hero,
body.ui-variant-inbox-clean .entry-form,
body.ui-variant-inbox-clean .card{
  background:#fff;
  border:1px solid #e5e7eb;
  box-shadow:none;
  border-radius:18px;
}
body.ui-variant-inbox-clean .hero-card,
body.ui-variant-inbox-clean .entry-hero{
  padding:22px 24px;
}
body.ui-variant-inbox-clean .card-title,
body.ui-variant-inbox-clean .card-title-spaced,
body.ui-variant-inbox-clean .page-title{
  color:#0f172a;
  letter-spacing:-.02em;
}
body.ui-variant-inbox-clean .card-meta,
body.ui-variant-inbox-clean .page-subtitle,
body.ui-variant-inbox-clean .muted{
  color:#64748b;
  font-weight:400;
}
body.ui-variant-inbox-clean .page-subtitle{
  font-size:12px;
  line-height:1.35;
}
body.ui-variant-inbox-clean .entity-list > .muted,
body.ui-variant-inbox-clean .chart-empty-state,
body.ui-variant-inbox-clean .entity-body > .muted,
body.ui-variant-inbox-clean .card .muted{
  font-size:12px;
  line-height:1.45;
  font-weight:400!important;
}
body.ui-variant-inbox-clean .page-main p,
body.ui-variant-inbox-clean .page-main li,
body.ui-variant-inbox-clean .page-main td,
body.ui-variant-inbox-clean .card p,
body.ui-variant-inbox-clean .card li,
body.ui-variant-inbox-clean .entity-meta,
body.ui-variant-inbox-clean .table td{
  font-weight:400;
}
body.ui-variant-inbox-clean .page-main label,
body.ui-variant-inbox-clean .field-label,
body.ui-variant-inbox-clean .table th{
  font-weight:500;
}
body.ui-variant-inbox-clean .table td{
  font-size:13px;
}
body.ui-variant-inbox-clean .table th{
  font-size:11px;
  letter-spacing:.06em;
}
body.ui-variant-inbox-clean .form-control,
body.ui-variant-inbox-clean input,
body.ui-variant-inbox-clean select,
body.ui-variant-inbox-clean textarea{
  font-weight:400;
}
body.ui-variant-inbox-clean .page-main .card form .form-control,
body.ui-variant-inbox-clean .page-main .card form input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
body.ui-variant-inbox-clean .page-main .card form select,
body.ui-variant-inbox-clean .page-main .card form textarea,
body.ui-variant-inbox-clean .form-control,
body.ui-variant-inbox-clean input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
body.ui-variant-inbox-clean select,
body.ui-variant-inbox-clean textarea{
  min-height:42px;
  border:1px solid #dfe7e2!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#0f172a!important;
  box-shadow:none!important;
  padding:10px 14px!important;
  font-size:14px!important;
}
body.ui-variant-inbox-clean textarea,
body.ui-variant-inbox-clean .page-main .card form textarea{
  min-height:104px;
  resize:vertical;
}
body.ui-variant-inbox-clean .form-control::placeholder,
body.ui-variant-inbox-clean input::placeholder,
body.ui-variant-inbox-clean textarea::placeholder{
  color:#94a3b8!important;
}
body.ui-variant-inbox-clean .page-main .card form .form-control:focus,
body.ui-variant-inbox-clean .page-main .card form input:focus,
body.ui-variant-inbox-clean .page-main .card form select:focus,
body.ui-variant-inbox-clean .page-main .card form textarea:focus,
body.ui-variant-inbox-clean .form-control:focus,
body.ui-variant-inbox-clean input:focus,
body.ui-variant-inbox-clean select:focus,
body.ui-variant-inbox-clean textarea:focus{
  outline:none;
  border-color:#83C151!important;
  box-shadow:0 0 0 3px rgba(131,193,81,.16)!important;
}
body.ui-variant-inbox-clean .page-main .card form label,
body.ui-variant-inbox-clean label,
body.ui-variant-inbox-clean .field-label{
  color:#64748b!important;
  font-size:12px!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
}
body.ui-variant-inbox-clean input[type="checkbox"],
body.ui-variant-inbox-clean input[type="radio"]{
  accent-color:#83C151;
}
body.ui-variant-inbox-clean .btn-outline,
body.ui-variant-inbox-clean .btn-secondary,
body.ui-variant-inbox-clean .stats-pill{
  border-radius:999px;
  background:#fff!important;
  border:1px solid #dfe7e2!important;
  color:#1f3b2f!important;
  box-shadow:none!important;
}
body.ui-variant-inbox-clean .btn-outline:hover,
body.ui-variant-inbox-clean .btn-secondary:hover,
body.ui-variant-inbox-clean .stats-pill:hover{
  border-color:#cbd5d1!important;
  color:#0f172a!important;
  background:#fff!important;
}
body.ui-variant-inbox-clean .btn-primary{
  border-radius:999px!important;
  background:#83C151!important;
  border:1px solid #83C151!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.ui-variant-inbox-clean .btn-primary:hover{
  background:#11B2B0!important;
  border-color:#11B2B0!important;
  color:#fff!important;
}
body.ui-variant-inbox-clean .form-control{
  border-radius:14px;
  border-color:#dfe7e2;
  box-shadow:none;
}
body.ui-variant-inbox-clean .btn,
body.ui-variant-inbox-clean button.btn,
body.ui-variant-inbox-clean a.btn{
  border-radius:999px!important;
  box-shadow:none!important;
  padding:9px 14px!important;
  font-weight:500!important;
}
body.ui-variant-inbox-clean .btn-outline{
  background:#fff!important;
  border:1px solid #dfe7e2!important;
  color:#11B2B0!important;
}
body.ui-variant-inbox-clean .btn-muted{
  background:#fff!important;
  border:1px solid #dfe7e2!important;
  color:#11B2B0!important;
}
body.ui-variant-inbox-clean .btn-danger{
  background:#fff!important;
  border:1px solid #efc8c8!important;
  color:#991b1b!important;
}
body.ui-variant-inbox-clean .btn-danger:hover{
  background:#fff!important;
  border-color:#e7b0b0!important;
  color:#7f1d1d!important;
}
body.ui-variant-inbox-clean .table{
  border-collapse:collapse;
}
body.ui-variant-inbox-clean .table th,
body.ui-variant-inbox-clean .table td{
  border-bottom:1px solid #e5e7eb;
  padding-top:9px;
  padding-bottom:9px;
}
body.ui-variant-inbox-clean .table tbody tr:last-child td{
  border-bottom:0;
}
body.ui-variant-inbox-clean .client-metric-card{
  background:#fff!important;
  border:1px solid #e5e7eb!important;
  border-radius:18px;
  box-shadow:none!important;
  padding:16px 18px;
}
body.ui-variant-inbox-clean .client-metric-card:nth-child(1),
body.ui-variant-inbox-clean .client-metric-card:nth-child(2),
body.ui-variant-inbox-clean .client-metric-card:nth-child(3),
body.ui-variant-inbox-clean .client-metric-card:nth-child(4){
  background:#fff!important;
  border-color:#e5e7eb!important;
}
body.ui-variant-inbox-clean .client-metric-card .field-label{
  color:#64748b!important;
  font-size:12px!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
  text-transform:none!important;
}
body.ui-variant-inbox-clean .client-metric-card strong{
  margin-top:10px;
  color:#0f172a;
  font-size:28px;
  line-height:1.05;
  font-weight:600;
  font-family:var(--nk-font-body);
}
body.ui-variant-inbox-clean #appointments-calendar .fc,
body.ui-variant-inbox-clean #availability-calendar .fc{
  font-family:var(--nk-font-body);
}
body.ui-variant-inbox-clean #appointments-calendar .fc-toolbar,
body.ui-variant-inbox-clean #availability-calendar .fc-toolbar{
  gap:10px;
  margin-bottom:16px;
  flex-wrap:wrap;
}
body.ui-variant-inbox-clean #appointments-calendar .fc-toolbar-title,
body.ui-variant-inbox-clean #availability-calendar .fc-toolbar-title{
  color:#0f172a;
  font-size:20px;
  font-weight:600;
  letter-spacing:-.02em;
  font-family:var(--nk-font-body);
}
body.ui-variant-inbox-clean #appointments-calendar .fc-button,
body.ui-variant-inbox-clean #availability-calendar .fc-button{
  min-height:34px;
  border-radius:999px!important;
  border:1px solid #dfe7e2!important;
  background:#fff!important;
  color:#64748b!important;
  box-shadow:none!important;
  text-transform:none;
  letter-spacing:0;
  font-size:12px!important;
  font-weight:500!important;
  font-family:var(--nk-font-body)!important;
}
body.ui-variant-inbox-clean #appointments-calendar .fc-button:hover,
body.ui-variant-inbox-clean #appointments-calendar .fc-button.fc-button-active,
body.ui-variant-inbox-clean #availability-calendar .fc-button:hover,
body.ui-variant-inbox-clean #availability-calendar .fc-button.fc-button-active{
  background:#f4f8ef!important;
  border-color:#e4edd8!important;
  color:#78955f!important;
}
body.ui-variant-inbox-clean #appointments-calendar .fc-theme-standard td,
body.ui-variant-inbox-clean #appointments-calendar .fc-theme-standard th,
body.ui-variant-inbox-clean #appointments-calendar .fc-theme-standard .fc-scrollgrid,
body.ui-variant-inbox-clean #availability-calendar .fc-theme-standard td,
body.ui-variant-inbox-clean #availability-calendar .fc-theme-standard th,
body.ui-variant-inbox-clean #availability-calendar .fc-theme-standard .fc-scrollgrid{
  border-color:#e5e7eb!important;
}
body.ui-variant-inbox-clean #appointments-calendar .fc-col-header-cell,
body.ui-variant-inbox-clean #availability-calendar .fc-col-header-cell{
  background:#f7faf7;
}
body.ui-variant-inbox-clean #appointments-calendar .fc-daygrid-day-number,
body.ui-variant-inbox-clean #appointments-calendar .fc-col-header-cell-cushion,
body.ui-variant-inbox-clean #appointments-calendar .fc-timegrid-axis-cushion,
body.ui-variant-inbox-clean #appointments-calendar .fc-timegrid-slot-label-cushion,
body.ui-variant-inbox-clean #availability-calendar .fc-daygrid-day-number,
body.ui-variant-inbox-clean #availability-calendar .fc-col-header-cell-cushion,
body.ui-variant-inbox-clean #availability-calendar .fc-timegrid-axis-cushion,
body.ui-variant-inbox-clean #availability-calendar .fc-timegrid-slot-label-cushion{
  color:#64748b;
  font-size:12px;
  font-weight:500;
  text-decoration:none;
}
body.ui-variant-inbox-clean #appointments-calendar .fc-event,
body.ui-variant-inbox-clean #availability-calendar .fc-event{
  border-radius:14px;
  border:1px solid transparent;
  padding:4px 6px;
  font-size:11px;
  font-weight:500;
  box-shadow:none;
}
body.ui-variant-inbox-clean #appointments-calendar .fc-event.calendar-appointment,
body.ui-variant-inbox-clean #availability-calendar .fc-event.calendar-appointment{
  box-shadow:none;
}
body.ui-variant-inbox-clean #appointments-calendar .fc-event:hover,
body.ui-variant-inbox-clean #availability-calendar .fc-event:hover{
  transform:none;
  filter:none;
  box-shadow:none;
}
body.ui-variant-inbox-clean #appointments-calendar .fc-event.event-scheduled,
body.ui-variant-inbox-clean #availability-calendar .fc-event.event-scheduled{
  background:#eef4ff;
  border-color:#cddcf6!important;
  color:#6d7fa4;
}
body.ui-variant-inbox-clean #appointments-calendar .fc-event.event-completed,
body.ui-variant-inbox-clean #availability-calendar .fc-event.event-completed{
  background:#ecfdf3;
  border-color:#b7e4c7!important;
  color:#4f7a62;
}
body.ui-variant-inbox-clean #appointments-calendar .fc-event.event-cancelled,
body.ui-variant-inbox-clean #availability-calendar .fc-event.event-cancelled{
  background:#fff7eb;
  border-color:#f0d7ae!important;
  color:#9b8160;
}
body.ui-variant-inbox-clean #appointments-calendar .fc-event.event-no_show,
body.ui-variant-inbox-clean #availability-calendar .fc-event.event-no_show{
  background:#f4effa;
  border-color:#ddd0ef!important;
  color:#84729f;
}
body.ui-variant-inbox-clean #availability-calendar .fc-event.event-scheduled,
body.ui-variant-inbox-clean #availability-calendar .fc-event.event-completed,
body.ui-variant-inbox-clean #availability-calendar .fc-event.event-cancelled,
body.ui-variant-inbox-clean #availability-calendar .fc-event.event-no_show,
body.ui-variant-inbox-clean #availability-calendar .client-tone-1.fc-event.calendar-appointment,
body.ui-variant-inbox-clean #availability-calendar .client-tone-2.fc-event.calendar-appointment,
body.ui-variant-inbox-clean #availability-calendar .client-tone-3.fc-event.calendar-appointment,
body.ui-variant-inbox-clean #availability-calendar .client-tone-4.fc-event.calendar-appointment,
body.ui-variant-inbox-clean #availability-calendar .fc-event.availability-occupied,
body.ui-variant-inbox-clean #availability-calendar .fc-event.event-availability-block{
  color:#0f172a!important;
}
body.ui-variant-inbox-clean #availability-calendar .fc-event.availability-occupied{
  background:#eef2f7!important;
  border-color:#cbd5e1!important;
  color:#0f172a!important;
  box-shadow:none;
}
body.ui-variant-inbox-clean #availability-calendar .fc-event.event-scheduled{
  background:#dbeafe!important;
  border-color:#93c5fd!important;
}
body.ui-variant-inbox-clean #availability-calendar .fc-event.event-completed{
  background:#dcfce7!important;
  border-color:#86efac!important;
}
body.ui-variant-inbox-clean #availability-calendar .fc-event.event-cancelled{
  background:#ffedd5!important;
  border-color:#fdba74!important;
}
body.ui-variant-inbox-clean #availability-calendar .fc-event.event-no_show{
  background:#ede9fe!important;
  border-color:#c4b5fd!important;
}
body.ui-variant-inbox-clean #appointments-calendar .fc-event.appointment-availability-block-slot,
body.ui-variant-inbox-clean #availability-calendar .fc-event.event-availability-block{
  background:#fee2e2!important;
  border-color:#fca5a5!important;
  color:#0f172a!important;
  box-shadow:none!important;
}
body.ui-variant-inbox-clean #appointments-calendar .fc-bg-event.appointment-availability-block-all-day,
body.ui-variant-inbox-clean #availability-calendar .fc-bg-event.event-availability-block-all-day{
  background:rgba(254,226,226,.92)!important;
}
body.ui-variant-inbox-clean #appointments-calendar .fc-non-business,
body.ui-variant-inbox-clean #availability-calendar .fc-non-business{
  background:#f5f7f4!important;
}
body.ui-variant-inbox-clean #appointments-calendar .fc-timegrid-cols .fc-non-business,
body.ui-variant-inbox-clean #availability-calendar .fc-timegrid-cols .fc-non-business{
  box-shadow:none;
}
body.ui-variant-inbox-clean #appointments-calendar .fc-daygrid-day.fc-day-disabled,
body.ui-variant-inbox-clean #appointments-calendar .fc-daygrid-day.fc-non-business,
body.ui-variant-inbox-clean #availability-calendar .fc-daygrid-day.fc-day-disabled,
body.ui-variant-inbox-clean #availability-calendar .fc-daygrid-day.fc-non-business{
  background:#f5f7f4!important;
}
body.ui-variant-inbox-clean .fc-appointment-card{
  grid-template-columns:24px minmax(0,1fr);
  gap:8px;
  align-items:start;
}
body.ui-variant-inbox-clean .fc-appointment-avatar{
  width:24px;
  height:24px;
  border-radius:999px;
  font-size:10px;
  font-weight:600;
  background:#fff;
  border:1px solid rgba(255,255,255,.7);
}
body.ui-variant-inbox-clean .fc-appointment-copy{
  padding-right:0;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
body.ui-variant-inbox-clean .fc-appointment-client{
  font-size:11px;
  font-weight:600;
  color:currentColor;
  line-height:1.2;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}
body.ui-variant-inbox-clean .fc-appointment-title{
  font-size:10px;
  font-weight:400;
  color:currentColor;
  opacity:.82;
  line-height:1.2;
  margin-top:2px;
  padding-right:0;
}
body.ui-variant-inbox-clean .fc-appointment-time{
  font-size:9px;
  font-weight:400;
  color:currentColor;
  opacity:.68;
  line-height:1.2;
  margin-top:2px;
}
body.ui-variant-inbox-clean .fc-appointment-status{
  position:static;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid currentColor;
  border-radius:999px;
  padding:2px 7px;
  background:rgba(255,255,255,.92);
  font-size:8px;
  font-weight:600;
  color:inherit;
  opacity:.9;
  max-width:none;
  white-space:nowrap;
  overflow:visible;
  text-overflow:clip;
  margin-top:5px;
}
body.ui-variant-inbox-clean #availability-calendar .fc-appointment-client,
body.ui-variant-inbox-clean #availability-calendar .fc-appointment-time,
body.ui-variant-inbox-clean #availability-calendar .fc-appointment-status{
  color:#0f172a!important;
}
body.ui-variant-inbox-clean #availability-calendar .fc-event.calendar-appointment,
body.ui-variant-inbox-clean #availability-calendar .fc-timegrid-event,
body.ui-variant-inbox-clean #availability-calendar .fc-timegrid-event .fc-event-main{
  overflow:visible;
}
body.ui-variant-inbox-clean #availability-calendar .fc-event.calendar-appointment .fc-event-main{
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
body.ui-variant-inbox-clean #availability-calendar .fc-timegrid-event .fc-event-main{
  padding:4px 3px;
}
body.ui-variant-inbox-clean #availability-calendar .availability-appointment-chip{
  background:rgba(255,255,255,.55);
  color:#0f172a!important;
  box-shadow:none;
}
body.ui-variant-inbox-clean #availability-calendar .fc-appointment-status{
  box-sizing:border-box;
  min-height:20px;
  padding:4px 8px;
  font-size:8px;
  line-height:1;
  border-radius:999px;
  max-width:100%;
  flex:0 0 auto;
}
body.ui-variant-inbox-clean #availability-calendar .fc-event-main,
body.ui-variant-inbox-clean #availability-calendar .fc-event-main *,
body.ui-variant-inbox-clean #availability-calendar .fc-event-title,
body.ui-variant-inbox-clean #availability-calendar .fc-event-time{
  color:#0f172a!important;
}
body.ui-variant-inbox-clean .header-right{
  gap:12px;
}
body.ui-variant-inbox-clean .user-meta{
  text-align:right;
  line-height:1.15;
}
body.ui-variant-inbox-clean .user-name{
  color:#0f172a!important;
  font-family:var(--nk-font-body);
  font-size:13px!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body.ui-variant-inbox-clean .user-email{
  margin-top:3px;
  color:#64748b!important;
  font-size:11px!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body.ui-variant-inbox-clean .subscription-type-inline{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 12px;
  border:1px solid #dfe7e2;
  border-radius:999px;
  background:#fff;
  color:#64748b;
  font-size:11px!important;
  font-weight:400;
  line-height:1.1;
  white-space:nowrap;
}
body.ui-variant-inbox-clean .user-avatar{
  background:#fff!important;
  border:1px solid #dfe7e2!important;
  box-shadow:none!important;
}
body.ui-variant-inbox-clean.auth-login-page{
  background:#f7faf7!important;
}
body.ui-variant-inbox-clean.auth-login-page .auth-login-shell{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:28px;
  box-shadow:none;
  overflow:hidden;
}
body.ui-variant-inbox-clean.auth-login-page .auth-login-panel{
  padding:40px 42px;
}
body.ui-variant-inbox-clean.auth-login-page .auth-login-panel h2{
  color:#0f172a;
  font-weight:700;
  letter-spacing:-.02em;
}
body.ui-variant-inbox-clean.auth-login-page .auth-login-panel p{
  color:#64748b;
  font-weight:400;
}
body.ui-variant-inbox-clean.auth-login-page #login-form label,
body.ui-variant-inbox-clean.auth-login-page form label{
  color:#64748b!important;
  font-weight:500!important;
}
body.ui-variant-inbox-clean.auth-login-page #login-form input:not([type="checkbox"]),
body.ui-variant-inbox-clean.auth-login-page form input:not([type="checkbox"]):not([type="radio"]){
  min-height:44px!important;
  border:1px solid #dfe7e2!important;
  border-radius:16px!important;
  background:#fff!important;
  color:#0f172a!important;
  box-shadow:none!important;
  padding:0 15px!important;
  font-size:14px!important;
  font-weight:400!important;
}
body.ui-variant-inbox-clean.auth-login-page #login-form input:not([type="checkbox"]):focus,
body.ui-variant-inbox-clean.auth-login-page form input:not([type="checkbox"]):not([type="radio"]):focus{
  border-color:#83C151!important;
  box-shadow:0 0 0 3px rgba(131,193,81,.16)!important;
}
body.ui-variant-inbox-clean.auth-login-page .auth-btn-hover{
  border-radius:16px!important;
  border-color:#dfe7e2!important;
  box-shadow:none!important;
  background:#fff!important;
  color:#0f172a!important;
}
body.ui-variant-inbox-clean.auth-login-page .auth-btn-hover:hover{
  transform:translateY(-1px);
  border-color:#83C151!important;
  background:#f8fbf4!important;
  color:#0f172a!important;
  box-shadow:none!important;
}
body.ui-variant-inbox-clean.auth-login-page .auth-submit-hover,
body.ui-variant-inbox-clean.auth-login-page form button[type="submit"]{
  min-height:46px!important;
  border-radius:999px!important;
  background:#83C151!important;
  border:1px solid #83C151!important;
  color:#fff!important;
  box-shadow:none!important;
  font-size:16px!important;
  font-weight:500!important;
}
body.ui-variant-inbox-clean.auth-login-page .auth-submit-hover:hover,
body.ui-variant-inbox-clean.auth-login-page form button[type="submit"]:hover{
  transform:none!important;
  background:#11B2B0!important;
  border-color:#11B2B0!important;
  box-shadow:none!important;
}
body.ui-variant-inbox-clean.auth-login-page .login-visual-bg{
  position:relative;
}
body.ui-variant-inbox-clean.auth-login-page .login-visual-bg::after{
  content:"";
  position:absolute;
  inset:auto -80px -120px auto;
  width:240px;
  height:240px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  filter:blur(8px);
}
body.ui-variant-inbox-clean.auth-login-page .text-slate-600,
body.ui-variant-inbox-clean.auth-login-page .text-slate-500{
  color:#64748b!important;
}
body.ui-variant-inbox-clean.auth-login-page .text-emerald-600{
  color:#11B2B0!important;
}
body.ui-variant-inbox-clean #sidebar{
  background:#f7faf7;
  border-right:1px solid #dfe7e2;
  box-shadow:none;
}
body.ui-variant-inbox-clean #sidebar .sidebar-nav{
  padding:14px 10px;
}
body.ui-variant-inbox-clean .sidebar-brand{
  border-bottom:1px solid #e5e7eb;
}
body.ui-variant-inbox-clean .sidebar-brand::after{
  background:linear-gradient(90deg, rgba(131,193,81,.22), transparent);
}
body.ui-variant-inbox-clean .sidebar-group-btn,
body.ui-variant-inbox-clean .sidebar-nav > .sidebar-link-dashboard{
  color:#7b8794!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  min-height:36px;
  padding:0 8px 0 14px!important;
  margin:0!important;
  border-radius:0!important;
}
body.ui-variant-inbox-clean .sidebar-group-btn:hover{
  color:#11B2B0!important;
}
body.ui-variant-inbox-clean details.sidebar-group[open] > .sidebar-group-btn{
  color:#11B2B0!important;
}
body.ui-variant-inbox-clean .sidebar-group-btn .btn-text,
body.ui-variant-inbox-clean .sidebar-nav > .sidebar-link-dashboard span{
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.ui-variant-inbox-clean .sidebar-nav > .sidebar-link-dashboard,
body.ui-variant-inbox-clean .sidebar-nav > .sidebar-link-dashboard.is-active{
  color:#7b8794!important;
  background:transparent!important;
}
body.ui-variant-inbox-clean .sidebar-nav > .sidebar-link-dashboard:hover,
body.ui-variant-inbox-clean .sidebar-nav > .sidebar-link-dashboard:hover span,
body.ui-variant-inbox-clean .sidebar-nav > .sidebar-link-dashboard:hover .sidebar-icon,
body.ui-variant-inbox-clean .sidebar-nav > .sidebar-link-dashboard:hover .sidebar-icon svg{
  color:#11B2B0!important;
  stroke:#11B2B0!important;
}
body.ui-variant-inbox-clean #sidebar .sidebar-content{
  margin:0!important;
}
body.ui-variant-inbox-clean #sidebar .sidebar-content.active{
  padding-top:2px!important;
  padding-bottom:8px!important;
  margin-bottom:4px!important;
}
body.ui-variant-inbox-clean .sidebar-link,
body.ui-variant-inbox-clean #sidebar .sidebar-content .sidebar-link:not(.sidebar-link-dashboard){
  color:#334155!important;
  font-size:13px;
  font-weight:500!important;
  border-radius:12px!important;
  transform:none!important;
  margin:0!important;
  padding:8px 12px 8px 34px!important;
  line-height:1.25;
  background:transparent!important;
}
body.ui-variant-inbox-clean .sidebar-link:hover,
body.ui-variant-inbox-clean #sidebar .sidebar-content .sidebar-link:not(.sidebar-link-dashboard):hover{
  background:rgba(157,203,116,.14)!important;
  color:#0f172a!important;
  transform:none!important;
}
body.ui-variant-inbox-clean .sidebar-link.is-active:not(.sidebar-link-dashboard){
  background:rgba(157,203,116,.18)!important;
  color:#11B2B0!important;
  font-weight:700!important;
}
body.ui-variant-inbox-clean .sidebar-link.is-active:not(.sidebar-link-dashboard)::before,
body.ui-variant-inbox-clean details.sidebar-group[open] > .sidebar-group-btn::before{
  background:#83C151;
}
body.ui-variant-inbox-clean .sidebar-subicon{
  color:#94a3b8!important;
}
body.ui-variant-inbox-clean .sidebar-link:hover .sidebar-subicon,
body.ui-variant-inbox-clean .sidebar-link.is-active .sidebar-subicon{
  color:#11B2B0!important;
}
body.ui-variant-inbox-clean #sidebar .sidebar-footer::before{
  background:linear-gradient(90deg, rgba(131,193,81,.08) 0%, rgba(131,193,81,.48) 50%, rgba(131,193,81,.08) 100%);
}
body.ui-variant-inbox-clean #sidebarInstallBtn.sidebar-link-dashboard,
body.ui-variant-inbox-clean #sidebarSupportToggle.sidebar-link-dashboard{
  background:#fff!important;
  border:1px solid #dfe7e2!important;
  box-shadow:none!important;
  border-radius:999px!important;
  min-height:38px!important;
  padding:0 14px!important;
  margin:0 0 6px!important;
}
body.ui-variant-inbox-clean #sidebarInstallBtn.sidebar-link-dashboard span,
body.ui-variant-inbox-clean #sidebarSupportToggle.sidebar-link-dashboard span{
  color:#11B2B0!important;
  font-size:12px;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:none;
}
body.ui-variant-inbox-clean #sidebarInstallBtn.sidebar-link-dashboard:hover,
body.ui-variant-inbox-clean #sidebarSupportToggle.sidebar-link-dashboard:hover,
body.ui-variant-inbox-clean #sidebarInstallBtn.sidebar-link-dashboard.is-active,
body.ui-variant-inbox-clean #sidebarSupportToggle.sidebar-link-dashboard.is-active,
body.ui-variant-inbox-clean #sidebarSupportToggle.sidebar-link-dashboard.group-open{
  background:#fff!important;
  border-color:#cbd5d1!important;
}
body.ui-variant-inbox-clean #sidebar .sidebar-footer{
  padding:14px 10px 12px;
  gap:6px;
}
body.ui-variant-inbox-clean #sidebar .sidebar-scrollbar-thumb{
  background:#f7faf7;
}
body.ui-variant-inbox-clean #sidebar .sidebar-scrollbar{
  background:#f7faf7;
}
