@font-face{font-family:LMXInter;src:url('/assets/inter-latin-v20.woff2') format('woff2');font-display:swap;font-style:normal;font-weight:100 900}
@font-face{font-family:LMXManrope;src:url('/assets/manrope-latin-v20.woff2') format('woff2');font-display:swap;font-style:normal;font-weight:200 800}

:root{
  --lmx-bg:#020604;
  --lmx-surface:#07100b;
  --lmx-surface-strong:#09150e;
  --lmx-surface-soft:rgba(7,16,11,.82);
  --lmx-line:rgba(64,255,137,.16);
  --lmx-line-strong:rgba(64,255,137,.34);
  --lmx-green:#25f47a;
  --lmx-green-soft:#7fffb0;
  --lmx-text:#edf7f0;
  --lmx-muted:#8ba095;
  --lmx-muted-2:#587063;
  --lmx-warn:#f9c74f;
  --lmx-danger:#ff6475;
  --lmx-radius:14px;
  --lmx-sidebar:236px;
  --lmx-font:LMXInter,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --lmx-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}

body.lmx-panel{
  min-width:320px;
  color:var(--lmx-text);
  background-color:var(--lmx-bg)!important;
  background-image:url('/assets/lobocode-matrix-backdrop-v1.webp')!important;
  background-position:center top!important;
  background-size:cover!important;
  background-attachment:fixed!important;
  font-family:var(--lmx-font)!important;
  letter-spacing:-.008em;
}

body.lmx-panel *{scrollbar-color:rgba(37,244,122,.3) rgba(1,8,4,.7)}
body.lmx-panel *::-webkit-scrollbar{width:9px;height:9px}
body.lmx-panel *::-webkit-scrollbar-track{background:rgba(1,8,4,.72)}
body.lmx-panel *::-webkit-scrollbar-thumb{border:2px solid rgba(1,8,4,.72);border-radius:999px;background:rgba(37,244,122,.28)}
body.lmx-panel ::selection{color:#001b0b;background:var(--lmx-green)}
body.lmx-panel .font-mono,
body.lmx-panel code,
body.lmx-panel pre,
body.lmx-panel table td:not(:first-child),
body.lmx-panel .lado-value,
body.lmx-panel .lah-value{font-family:var(--lmx-mono)!important;font-variant-numeric:tabular-nums}

body.lmx-panel #root{min-height:100vh}
body.lmx-panel #root>.min-h-screen{background:transparent!important}

/* Admin command bar */
body.lmx-admin #root>div>header{
  position:sticky;
  z-index:100;
  top:0;
  min-height:68px;
  border-color:var(--lmx-line)!important;
  background:rgba(2,6,4,.9)!important;
  box-shadow:0 1px 0 rgba(37,244,122,.08),0 18px 44px rgba(0,0,0,.24);
  backdrop-filter:blur(18px) saturate(125%);
}
body.lmx-admin #root>div>header>div{
  width:100%;
  max-width:none!important;
  min-height:36px;
  padding-inline:clamp(18px,2.2vw,36px);
  align-items:center;
  gap:18px;
}
body.lmx-admin #root>div>header button:first-child{
  flex:none;
  color:#fff!important;
  font-family:LMXManrope,var(--lmx-font)!important;
  font-size:1.08rem!important;
  letter-spacing:-.04em;
}
.lmx-brand-space{color:var(--lmx-green)}
body.lmx-admin #root>div>header button:last-child{
  flex:none;
  border:1px solid var(--lmx-line)!important;
  border-radius:10px;
  padding:.55rem .85rem;
  color:#b9c9c0;
  font-size:.72rem;
  font-weight:700;
  transition:border-color .18s,color .18s,background-color .18s;
}
body.lmx-admin #root>div>header button:last-child:hover{border-color:rgba(255,100,117,.44)!important;color:#ffc4cc;background:rgba(255,100,117,.08)!important}
.lmx-command-label{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-right:auto;
  border-left:1px solid var(--lmx-line);
  padding-left:18px;
  color:var(--lmx-green);
  font-family:var(--lmx-mono);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.lmx-command-label::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lmx-green);box-shadow:0 0 16px rgba(37,244,122,.9);animation:lmx-pulse 2.2s ease-in-out infinite}
.lmx-system-status{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid var(--lmx-line);
  border-radius:10px;
  padding:.5rem .7rem;
  color:var(--lmx-green-soft);
  background:rgba(37,244,122,.035);
  font-family:var(--lmx-mono);
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.lmx-system-status::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--lmx-green);box-shadow:0 0 11px rgba(37,244,122,.8)}

/* Admin shell and sidebar */
body.lmx-admin #root>div>div.mx-auto.grid{
  width:100%;
  max-width:none!important;
  grid-template-columns:var(--lmx-sidebar) minmax(0,1fr)!important;
  gap:0!important;
  padding:0!important;
}
body.lmx-admin #root>div>div.mx-auto.grid>nav{
  position:sticky;
  top:68px;
  align-self:start;
  height:calc(100vh - 68px);
  overflow:auto;
  border:0!important;
  border-right:1px solid var(--lmx-line)!important;
  border-radius:0!important;
  background:rgba(1,8,4,.87)!important;
  padding:20px 12px!important;
  box-shadow:20px 0 50px rgba(0,0,0,.12)!important;
}
.lmx-nav-section{
  display:block;
  margin:18px 12px 7px;
  color:#3e7b59;
  font-family:var(--lmx-mono);
  font-size:.58rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.lmx-nav-section:first-child{margin-top:3px}
body.lmx-admin nav button,
body.lmx-admin nav a.fi-nav-entry,
body.lmx-admin nav a.ru-nav-entry,
body.lmx-admin nav a.tu-nav-entry{
  position:relative;
  display:flex!important;
  width:100%;
  min-height:42px;
  align-items:center;
  border:1px solid transparent!important;
  border-radius:9px!important;
  padding:10px 12px!important;
  color:#9bacA2!important;
  background:transparent!important;
  font-size:.76rem!important;
  font-weight:620;
  text-decoration:none;
  transition:color .18s,border-color .18s,background-color .18s,transform .18s;
}
body.lmx-admin nav button:hover,
body.lmx-admin nav a:hover{color:#eafff1!important;border-color:rgba(37,244,122,.12)!important;background:rgba(37,244,122,.055)!important;transform:translateX(2px)}
body.lmx-admin nav .lmx-active{
  color:var(--lmx-green)!important;
  border-color:rgba(37,244,122,.22)!important;
  background:rgba(37,244,122,.1)!important;
  box-shadow:inset 3px 0 0 var(--lmx-green),0 0 25px rgba(37,244,122,.06);
}
body.lmx-admin nav .lmx-active::after{content:"";position:absolute;right:10px;width:5px;height:5px;border-radius:50%;background:var(--lmx-green);box-shadow:0 0 10px rgba(37,244,122,.8)}

body.lmx-admin #root>div>div.mx-auto.grid>main{
  min-width:0;
  width:100%;
  padding:clamp(20px,2.2vw,36px)!important;
  animation:lmx-rise .42s ease-out both;
}

/* Typography and reusable surfaces */
body.lmx-panel main h1{
  color:#f4fff7!important;
  font-family:LMXManrope,var(--lmx-font)!important;
  font-size:clamp(1.65rem,2.2vw,2.2rem)!important;
  font-weight:760!important;
  letter-spacing:-.045em!important;
}
body.lmx-panel main h1+ p{max-width:60rem!important;color:var(--lmx-muted)!important;font-size:.79rem!important}
body.lmx-panel main h2{color:#f1fff5!important;font-family:LMXManrope,var(--lmx-font)!important;letter-spacing:-.025em}
body.lmx-panel main h3{color:#e9fff0!important}
body.lmx-panel .text-brand-400{color:var(--lmx-green)!important}
body.lmx-panel .text-slate-200,body.lmx-panel .text-slate-300{color:#c6d4cc!important}
body.lmx-panel .text-slate-400{color:var(--lmx-muted)!important}
body.lmx-panel .text-slate-500{color:var(--lmx-muted-2)!important}
body.lmx-panel .shadow-glow{box-shadow:none!important}
body.lmx-panel .rounded-3xl.border.border-white\/10.bg-white\/\[0\.045\]{
  border-color:var(--lmx-line)!important;
  border-radius:var(--lmx-radius)!important;
  background:var(--lmx-surface-soft)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.025)!important;
}
body.lmx-panel .rounded-3xl.border.border-white\/10.bg-white\/\[0\.045\]:hover{border-color:rgba(37,244,122,.24)!important}
body.lmx-panel .bg-white\/\[0\.04\],body.lmx-panel .bg-white\/\[0\.045\],body.lmx-panel .bg-white\/\[0\.02\]{background-color:rgba(8,20,13,.72)!important}
body.lmx-panel .bg-ink,body.lmx-panel .bg-ink\/40,body.lmx-panel .bg-ink\/50,body.lmx-panel .bg-ink\/70,body.lmx-panel .bg-ink\/85{background-color:rgba(2,9,5,.84)!important}
body.lmx-panel .border-white\/10{border-color:var(--lmx-line)!important}
body.lmx-panel .bg-brand-500{
  color:#001b0b!important;
  background:var(--lmx-green)!important;
  box-shadow:0 0 0 1px rgba(37,244,122,.18),0 9px 26px rgba(37,244,122,.14);
}
body.lmx-panel .bg-brand-500:hover{background:#6aff9f!important;transform:translateY(-1px)}
body.lmx-panel button,body.lmx-panel a,body.lmx-panel input,body.lmx-panel select,body.lmx-panel textarea{transition:.18s ease}
body.lmx-panel button:focus-visible,body.lmx-panel a:focus-visible,body.lmx-panel input:focus-visible,body.lmx-panel select:focus-visible,body.lmx-panel textarea:focus-visible{outline:2px solid var(--lmx-green)!important;outline-offset:3px!important}
body.lmx-panel input,body.lmx-panel select,body.lmx-panel textarea{
  border-color:rgba(88,132,104,.34)!important;
  border-radius:10px!important;
  color:#edfff3!important;
  background:rgba(1,8,4,.82)!important;
}
body.lmx-panel input:focus,body.lmx-panel select:focus,body.lmx-panel textarea:focus{border-color:rgba(37,244,122,.58)!important;box-shadow:0 0 0 3px rgba(37,244,122,.08)!important}
body.lmx-panel table{font-size:.74rem!important}
body.lmx-panel thead{color:#5f806d!important;background:rgba(6,17,10,.9)!important}
body.lmx-panel thead th{font-family:var(--lmx-mono);font-size:.6rem!important;letter-spacing:.13em!important}
body.lmx-panel tbody tr{border-color:rgba(37,244,122,.09)!important;background:rgba(2,9,5,.3)!important}
body.lmx-panel tbody tr:nth-child(even){background:rgba(10,28,16,.32)!important}
body.lmx-panel tbody tr:hover{background:rgba(37,244,122,.055)!important}

/* Daily summary and observability */
body.lmx-admin .lado-shell,
body.lmx-admin .lah-shell{
  border-color:var(--lmx-line)!important;
  border-radius:var(--lmx-radius)!important;
  background:rgba(3,12,7,.84)!important;
  box-shadow:0 24px 60px rgba(0,0,0,.16)!important;
}
body.lmx-admin .lado-eyebrow,body.lmx-admin .lah-eyebrow{color:var(--lmx-green)!important;font-family:var(--lmx-mono);letter-spacing:.16em}
body.lmx-admin .lado-live,body.lmx-admin .lah-state{border-color:var(--lmx-line-strong)!important;color:var(--lmx-green-soft)!important;background:rgba(37,244,122,.06)!important}
body.lmx-admin .lado-card,
body.lmx-admin .lah-card,
body.lmx-admin .lah-panel,
body.lmx-admin .lah-banner{
  border-color:rgba(37,244,122,.12)!important;
  border-radius:11px!important;
  background:rgba(1,8,4,.58)!important;
  box-shadow:none!important;
}
body.lmx-admin .lado-card-primary{border-color:rgba(37,244,122,.28)!important;background:rgba(11,54,28,.22)!important}
body.lmx-admin .lado-value,body.lmx-admin .lah-value{color:var(--lmx-green)!important}
body.lmx-admin .lado-title,body.lmx-admin .lah-title,body.lmx-admin .lah-panel-title{color:#f1fff5!important}
body.lmx-admin .lado-subtitle,body.lmx-admin .lado-detail,body.lmx-admin .lah-detail,body.lmx-admin .lah-subtitle{color:var(--lmx-muted)!important}
body.lmx-admin .lah-button{border-color:var(--lmx-line)!important;color:#c8ddd0!important;background:rgba(37,244,122,.04)!important}
body.lmx-admin .lah-capability,body.lmx-admin .lah-incident{border-color:rgba(37,244,122,.1)!important;background:rgba(2,11,6,.55)!important}

/* Compact, scannable clients */
body.lmx-admin .lco-panel-header{
  border-color:var(--lmx-line)!important;
  border-radius:var(--lmx-radius)!important;
  background:rgba(3,12,7,.86)!important;
  box-shadow:0 22px 54px rgba(0,0,0,.16)!important;
}
body.lmx-admin .lco-client-grid{grid-template-columns:repeat(3,minmax(240px,1fr))!important;gap:10px!important}
body.lmx-admin .lco-client-card{
  border-color:rgba(37,244,122,.12)!important;
  border-radius:12px!important;
  background:rgba(3,12,7,.88)!important;
  box-shadow:none!important;
}
body.lmx-admin .lco-client-card:hover{border-color:rgba(37,244,122,.34)!important;box-shadow:0 16px 36px rgba(0,0,0,.2),inset 3px 0 rgba(37,244,122,.45)!important}
body.lmx-admin .lco-card-main{gap:.58rem!important;padding:.82rem!important}
body.lmx-admin .lco-card-actions{gap:.35rem!important;padding:.65rem .82rem .82rem!important;border-color:rgba(37,244,122,.09)!important}
body.lmx-admin .lco-card-key{border-color:rgba(37,244,122,.13)!important;border-radius:8px!important;background:rgba(0,6,3,.72)!important}
body.lmx-admin .lco-button{border-color:rgba(37,244,122,.16)!important;border-radius:8px!important;color:#c8ddd0!important;background:rgba(6,21,11,.78)!important}
body.lmx-admin .lco-button:hover:not(:disabled){border-color:rgba(37,244,122,.46)!important;color:#f0fff5!important;background:rgba(14,47,25,.82)!important}
body.lmx-admin .lco-primary{color:#00200c!important;background:var(--lmx-green)!important}
body.lmx-admin .lco-key{color:var(--lmx-green)!important}
body.lmx-admin .lco-progress{height:5px!important;background:#102117!important}
body.lmx-admin .lco-progress i{background:var(--lmx-green)!important}
body.lmx-admin .lco-chip{border-color:rgba(37,244,122,.13)!important;background:rgba(4,16,9,.78)!important}

/* Added admin modules */
body.lmx-admin .fi-shell,body.lmx-admin .ru-shell,body.lmx-admin .tu-shell,body.lmx-admin .rw-shell{color:var(--lmx-text)!important}
body.lmx-admin .fi-panel,body.lmx-admin .tu-panel,body.lmx-admin .rw-panel,body.lmx-admin .ru-group{
  border-color:var(--lmx-line)!important;
  border-radius:var(--lmx-radius)!important;
  background:rgba(3,12,7,.84)!important;
  box-shadow:none!important;
}
body.lmx-admin .tone-green,body.lmx-admin .tone-blue,body.lmx-admin .tone-purple,body.lmx-admin .tone-coral{background:rgba(37,244,122,.055)!important;border-color:rgba(37,244,122,.14)!important}

/* Client dashboard */
body.lmx-client #root>div.min-h-screen{background:transparent!important}
body.lmx-client #root>div>aside{
  width:var(--lmx-sidebar)!important;
  border-color:var(--lmx-line)!important;
  background:rgba(1,8,4,.9)!important;
  box-shadow:20px 0 54px rgba(0,0,0,.14);
}
body.lmx-client #root>div>aside>button:first-child{color:#fff;font-family:LMXManrope,var(--lmx-font)!important;letter-spacing:-.04em}
body.lmx-client #root>div>aside>button:first-child span{color:var(--lmx-green)!important}
body.lmx-client #root>div>aside nav button{
  position:relative;
  border:1px solid transparent!important;
  border-radius:9px!important;
  color:#9baca2!important;
  font-size:.77rem!important;
}
body.lmx-client #root>div>aside nav button:hover{border-color:rgba(37,244,122,.12)!important;color:#eafff1!important;background:rgba(37,244,122,.055)!important}
body.lmx-client #root>div>aside nav button.lmx-active{border-color:rgba(37,244,122,.22)!important;color:var(--lmx-green)!important;background:rgba(37,244,122,.1)!important;box-shadow:inset 3px 0 var(--lmx-green)}
body.lmx-client #root>div>aside>button:last-child{border-color:var(--lmx-line)!important;border-radius:9px!important;color:#9baca2}
body.lmx-client #root>div>main{margin-left:var(--lmx-sidebar)!important;max-width:1560px;padding:clamp(20px,2.5vw,40px)!important;animation:lmx-rise .42s ease-out both}
body.lmx-client .bg-gradient-to-br{background:rgba(8,34,18,.65)!important;border-color:rgba(37,244,122,.28)!important}

@keyframes lmx-pulse{0%,100%{opacity:.58;transform:scale(.82)}50%{opacity:1;transform:scale(1.16)}}
@keyframes lmx-rise{from{opacity:.01;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:1280px){
  body.lmx-admin .lco-client-grid{grid-template-columns:repeat(2,minmax(240px,1fr))!important}
  .lmx-system-status{display:none}
}

@media(max-width:1023px){
  body.lmx-admin #root>div>div.mx-auto.grid{display:block!important}
  body.lmx-admin #root>div>div.mx-auto.grid>nav{
    position:sticky;
    z-index:90;
    top:68px;
    display:flex;
    width:100%;
    height:auto;
    gap:6px;
    overflow-x:auto;
    border-right:0!important;
    border-bottom:1px solid var(--lmx-line)!important;
    padding:9px 12px!important;
  }
  body.lmx-admin nav button,body.lmx-admin nav a.fi-nav-entry,body.lmx-admin nav a.ru-nav-entry,body.lmx-admin nav a.tu-nav-entry{width:auto!important;min-width:max-content;padding:8px 12px!important}
  body.lmx-admin nav .lmx-active{box-shadow:inset 0 -2px var(--lmx-green)!important}
  body.lmx-admin nav .lmx-active::after,.lmx-nav-section{display:none!important}
  body.lmx-client #root>div>aside{position:static!important;width:100%!important}
  body.lmx-client #root>div>aside nav{display:flex!important;overflow-x:auto}
  body.lmx-client #root>div>aside nav button{min-width:max-content}
  body.lmx-client #root>div>main{margin-left:0!important}
}

@media(max-width:720px){
  .lmx-command-label{display:none}
  body.lmx-admin #root>div>header>div{padding-inline:14px;gap:10px}
  body.lmx-admin #root>div>header button:first-child{margin-right:auto}
  body.lmx-admin #root>div>div.mx-auto.grid>main{padding:16px!important}
  body.lmx-admin .lco-client-grid{grid-template-columns:1fr!important}
  body.lmx-admin .lado-grid{grid-template-columns:1fr!important}
  body.lmx-panel main h1{font-size:1.55rem!important}
  body.lmx-panel .rounded-3xl.border.border-white\/10.bg-white\/\[0\.045\]{padding:1rem!important}
}

@media(prefers-reduced-motion:reduce){
  body.lmx-panel *,body.lmx-panel *::before,body.lmx-panel *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  body.lmx-panel{background-attachment:scroll!important}
}