:root{--bg:#090909;--panel:#151515;--panel2:#191919;--panel3:#202020;--line:#2b2b2b;--text:#f4f4f4;--muted:#929295;--muted2:#69696d;--blue:#4d91ff;--green:#35e68d;--gold:#f4b928;--red:#ff6678;--purple:#a66cff;--cyan:#27d9e8;--radius:22px;--shadow:0 12px 35px rgba(0,0,0,.22)}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}
.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;padding:16px 12px;background:#101010;border-right:1px solid var(--line);z-index:80;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:8px 8px 18px;border-bottom:1px solid var(--line)}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#050505;font-weight:900;font-size:18px}.brand-name{font-weight:900;font-size:14px}.brand-sub{color:var(--muted2);font-size:8px;letter-spacing:.14em;margin-top:2px}.nav{overflow:auto;padding:10px 2px}.nav-label{padding:15px 8px 6px;color:var(--muted2);font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;color:#a5a5a8;font-size:11px;font-weight:700}.nav-item:hover,.nav-item.active{background:#1b1b1b;color:#fff}.nav-item b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#202020;color:#a5a5a8}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:10px}.user-row{display:flex;align-items:center;gap:9px;padding:7px}.user-row img,.avatar-fallback{width:34px;height:34px;border-radius:50%;object-fit:cover}.avatar-fallback{display:grid;place-items:center;background:#252525}.user-copy{min-width:0;flex:1}.user-copy strong{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-copy span{display:block;color:var(--muted2);font-size:8px;margin-top:2px}.logout{display:block;color:var(--muted);font-size:9px;padding:7px}.main{min-width:0;flex:1;margin-left:240px}.topbar{height:72px;position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:rgba(15,15,15,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.top-left{display:flex;align-items:center;gap:11px}.menu-btn{display:none;border:0;background:#1b1b1b;color:#fff;border-radius:12px;width:42px;height:42px;font-size:21px}.mobile-brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:900}.mobile-brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#050505}.crumbs{display:flex;gap:6px;color:var(--muted);font-size:10px}.top-actions{display:flex;align-items:center;gap:12px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(53,230,141,.7)}.online-label{color:var(--muted);font-size:9px}.theme-toggle{border:1px solid var(--line);background:#1a1a1a;color:#fff;border-radius:12px;height:38px;padding:0 11px}.content{max-width:980px;margin:0 auto;padding:26px 22px 70px}.overlay{display:none}
.toast{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#161616;margin-bottom:14px;font-size:10px}.toast.error{border-color:#5b2731;color:#ff9aa7}.toast.success{border-color:#1f6548;color:#73eab0}
.eyebrow{font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--muted2);text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 14px;border:1px solid var(--line);border-radius:13px;background:#1c1c1c;color:#eee;font-size:10px;font-weight:800}.btn:hover{background:#242424}.btn.primary{background:#f5f5f5;color:#090909;border-color:#fff}.btn.ghost{background:#171717}.btn.danger{background:#541f28;border-color:#74303b;color:#ff9aa7}.btn.small{min-height:34px;padding:7px 10px}.btn.wide{width:100%}
/* Reference-style server selector */
.axon-servers-hero,.page-header,.hero-row{margin:0 0 18px;padding:0;background:none;border:0;box-shadow:none}.axon-servers-hero{display:flex;justify-content:space-between;align-items:center}.axon-servers-hero h1,.page-header h1,.hero-row h1{font-size:30px;letter-spacing:-.04em;margin:5px 0}.axon-servers-hero p,.page-header p,.hero-row p{color:var(--muted);font-size:11px;line-height:1.5;margin:0}.axon-server-toolbar{display:flex;flex-direction:column;gap:16px;margin:18px 0}.axon-search,.search{height:62px;display:flex;align-items:center;gap:11px;padding:0 17px;border:1px solid var(--line);border-radius:18px;background:#151515}.axon-search svg{width:24px;stroke:#888;stroke-width:2;fill:none}.axon-search input,.search input{border:0;outline:0;background:transparent;color:#fff;width:100%;font-size:17px}.axon-search input::placeholder{color:#777}.axon-server-count{font-size:11px;color:var(--muted)}.axon-server-count strong{color:#fff;font-size:15px}.server-grid.axon-server-grid{display:flex;flex-direction:column;gap:13px}.axon-server-card{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid var(--line);border-radius:22px;background:#151515;box-shadow:var(--shadow);min-height:138px}.axon-server-art .server-icon{width:92px;height:92px;border-radius:22px;background:#252525;display:grid;place-items:center;font-size:28px;font-weight:900;overflow:hidden}.server-icon img{width:100%;height:100%;object-fit:cover}.axon-server-status{position:absolute}.axon-server-art{position:relative}.server-text{flex:1;min-width:0}.server-text strong{display:block;font-size:20px}.server-text span{display:block;color:var(--muted);font-size:11px;margin-top:6px}.axon-server-open b{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#080808;font-size:27px}.axon-server-open span{display:none}.empty{border:1px solid var(--line);border-radius:22px;background:#151515;padding:35px;text-align:center}
/* Reference home */
.axon-dashboard-hero{padding:20px;border:1px solid var(--line);border-radius:22px;background:#151515;display:flex;align-items:center;justify-content:space-between;gap:15px;box-shadow:var(--shadow)}.server-hero-left{display:flex;align-items:center;gap:14px;min-width:0}.server-icon.hero{width:72px;height:72px;border-radius:20px}.axon-hero-copy h1{margin:4px 0;font-size:24px}.axon-hero-copy p{margin:0;color:var(--muted);font-size:10px}.axon-hero-actions{display:flex;gap:8px;align-items:center}.status-chip{color:var(--green);font-size:9px}.status-chip i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:5px}.axon-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);margin-top:14px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#151515}.axon-stat-card{min-height:145px;padding:19px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.axon-stat-card:nth-child(2n){border-right:0}.axon-stat-card:nth-last-child(-n+2){border-bottom:0}.axon-stat-icon{width:34px;height:34px;border-radius:10px;background:#222;display:grid;place-items:center;color:var(--blue);font-size:11px}.axon-stat-copy span{display:block;color:#aaa;font-size:13px;margin-top:11px}.axon-stat-copy strong{display:block;font-size:32px;margin-top:4px;letter-spacing:-.04em}.axon-stat-arrow{display:none}
.axon-spotlight{margin-top:14px;padding:22px;border:1px solid #245438;border-radius:22px;background:linear-gradient(145deg,#111a15,#151515)}.axon-spotlight-main h2{font-size:22px;margin:6px 0 9px}.axon-spotlight-main p{color:var(--muted);font-size:10px;line-height:1.55}.axon-spotlight-actions{display:flex;gap:8px;margin-top:15px}.axon-spotlight-orbit{display:none}.axon-section-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0 9px}.axon-section-head h2{margin:0;font-size:18px}.axon-section-badge{padding:6px 9px;border-radius:8px;background:#33280f;color:var(--gold);font-size:9px;font-weight:900}.axon-health-grid{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden}.health-card{padding:17px;background:#151515;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.health-card:nth-child(2n){border-right:0}.health-card:nth-last-child(-n+2){border-bottom:0}.axon-health-top{color:var(--muted);font-size:11px}.health-card strong{display:block;font-size:22px;margin:8px 0}.health-card small{color:var(--muted2);font-size:9px}
/* Features list */
.axon-module-head,.axon-advanced-head{display:flex;justify-content:space-between;align-items:center;margin:22px 0 9px}.axon-module-head h2,.axon-advanced-head h2{margin:0;font-size:19px}.axon-module-grid{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#151515}.axon-module-card{display:flex;align-items:center;gap:13px;min-height:72px;padding:12px 15px;border-bottom:1px solid var(--line);background:#151515}.axon-module-card:last-child{border-bottom:0}.axon-module-card:hover{background:#1b1b1b}.feature-icon{width:42px;height:42px;border-radius:12px;background:#222;display:grid;place-items:center;color:#aaa;font-size:17px;flex:0 0 42px}.feature-body{min-width:0;flex:1}.feature-title{font-size:14px;font-weight:700}.feature-desc,.feature-meta,.axon-module-number,.axon-module-footer{display:none}.axon-module-top{display:contents}.axon-module-card:after{content:"";width:10px;height:10px;border-radius:50%;background:#4a4a4a;flex:0 0 10px}.axon-power-grid{display:grid;grid-template-columns:1fr;gap:10px}.axon-power-card{padding:17px;border:1px solid var(--line);border-radius:18px;background:#151515}.axon-power-icon{width:38px;height:38px;border-radius:11px;background:#222;display:grid;place-items:center}.axon-power-card h3{margin:8px 0 4px}.axon-power-card p{color:var(--muted);font-size:9px;line-height:1.5}.text-link{color:var(--blue);font-size:9px}
/* Generic inner pages */
.panel,.card,.mini-panel,.database-card,.resource-card,.health-card,.auth-card,.ticket-card,.transcript-card{border:1px solid var(--line);border-radius:20px;background:#151515;box-shadow:none}.panel{overflow:hidden}.panel-title{padding:16px 17px;border-bottom:1px solid var(--line)}.panel-title h3,.card h2,.mini-panel h3{margin:3px 0;font-size:17px}.panel-title p{margin:4px 0;color:var(--muted);font-size:9px}.panel-footer{padding:12px 15px;border-top:1px solid var(--line)}.card{padding:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:15px 17px;border-bottom:1px solid var(--line)}.field label,.field-copy label{font-size:11px;font-weight:800}.field small,.field-copy small{display:block;color:var(--muted2);font-size:8px;margin-top:5px}.field-grid,.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field.full{grid-column:1/-1}input[type=text],input[type=number],input[type=search],input[type=password],input[type=url],input[type=email],input[type=file],select,textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#202020;color:#fff;outline:0;font-size:11px}textarea{min-height:100px}select[multiple]{min-height:150px}input:focus,select:focus,textarea:focus{border-color:#4d91ff;box-shadow:0 0 0 3px rgba(77,145,255,.1)}.toggle{width:48px;height:28px}.tabs{display:flex;gap:5px;overflow:auto;padding:5px;border:1px solid var(--line);border-radius:14px;background:#151515}.tab{padding:8px 11px;border-radius:9px;color:var(--muted);font-size:9px}.tab.active{background:#fff;color:#111}.stack{display:flex;flex-direction:column}.list-item,.member-item{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid var(--line)}.list-item:last-child,.member-item:last-child{border-bottom:0}.list-item strong,.member-copy strong{font-size:10px}.list-item span,.member-copy span{color:var(--muted);font-size:8px}.tag,.badge{display:inline-flex;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:#202020;color:#aaa;font-size:8px}.database-grid{display:flex;flex-direction:column;gap:8px}.database-card{display:flex;justify-content:space-between;padding:16px}.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.resource-card{padding:15px}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:18px}.table-scroll table{min-width:700px;width:100%;border-collapse:collapse}.table-scroll th,.table-scroll td{padding:10px;border-bottom:1px solid var(--line);font-size:8px;text-align:left}.table-scroll th{color:var(--muted2)}.empty-cell{text-align:center;padding:30px;color:var(--muted)}
/* auth */.auth-shell{min-height:calc(100vh - 72px);display:grid;place-items:center}.auth-card{width:min(430px,100%);padding:28px}.auth-card .brand-mark{margin-bottom:16px}.auth-card h1{font-size:30px;letter-spacing:-.04em;margin:6px 0}.auth-card p{color:var(--muted);font-size:10px;line-height:1.6}.auth-note{color:var(--muted2);font-size:8px;text-align:center;margin-top:11px}
/* inline legacy templates: neutralize giant inline layouts */
.content [style*="max-width:1000px"],[style*="max-width: 1000px"]{max-width:100%!important}.content [style*="background:#11141a"],[style*="background: #11141a"]{background:#151515!important;border-color:var(--line)!important;border-radius:20px!important}.content [style*="background:#111"],[style*="background:#111"]{background:#151515!important}.content [style*="background:#5865f2"]{background:#f5f5f5!important;color:#080808!important}.content [style*="padding:40px"]{padding:30px!important}.content [style*="font-size:40px"]{font-size:30px!important}
@media(max-width:820px){.sidebar{left:-250px;transition:left .2s}.sidebar.open{left:0}.main{margin-left:0}.menu-btn{display:grid;place-items:center}.topbar{height:68px;padding:0 14px}.crumbs,.online-label,.theme-toggle{display:none}.content{padding:20px 12px 80px}.axon-servers-hero{align-items:flex-start;flex-direction:column}.axon-servers-hero h1{font-size:28px}.axon-server-card{padding:15px;min-height:120px}.axon-server-art .server-icon{width:72px;height:72px}.server-text strong{font-size:17px}.axon-dashboard-hero{padding:16px;align-items:flex-start}.axon-hero-actions{display:none}.axon-stat-card{min-height:125px}.axon-stat-copy strong{font-size:28px}.form-row,.field-grid,.grid{grid-template-columns:1fr}.field.full{grid-column:auto}.resource-grid{grid-template-columns:1fr}.bottom-panels{grid-template-columns:1fr}.hero-row,.page-header{flex-direction:column;align-items:flex-start}.overlay.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:70}}

/* Compact mobile stats */
@media(max-width:820px){
  .axon-stat-card{
    min-height:88px!important;
    padding:11px!important;
    justify-content:center!important;
  }
  .axon-stat-icon{
    width:26px!important;
    height:26px!important;
    border-radius:8px!important;
    font-size:9px!important;
  }
  .axon-stat-copy span{
    font-size:11px!important;
    margin-top:6px!important;
  }
  .axon-stat-copy strong{
    font-size:23px!important;
    margin-top:2px!important;
  }
}

/* Ultra-compact dashboard stats */
@media(max-width:820px){
  .axon-stat-grid{
    margin-top:8px!important;
    border-radius:16px!important;
  }
  .axon-stat-card{
    min-height:62px!important;
    height:62px!important;
    padding:7px 10px!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:8px!important;
  }
  .axon-stat-icon{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    border-radius:7px!important;
    font-size:8px!important;
  }
  .axon-stat-copy span{
    font-size:10px!important;
    margin:0!important;
    line-height:1.1!important;
  }
  .axon-stat-copy strong{
    font-size:19px!important;
    margin:2px 0 0!important;
    line-height:1!important;
  }
}

/* AXON PREMIUM ANALYTICS */
.axon-analytics-grid{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);
  gap:12px;
  margin:12px 0 14px;
}

.axon-analytics-card{
  min-width:0;
  padding:15px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:18px;
  background:
    radial-gradient(circle at 90% 0%,rgba(88,101,242,.10),transparent 38%),
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  box-shadow:0 12px 35px rgba(0,0,0,.16);
}

.axon-analytics-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}

.axon-analytics-head .eyebrow{
  font-size:9px;
  letter-spacing:.12em;
  opacity:.58;
}

.axon-analytics-head strong{
  display:block;
  margin-top:4px;
  font-size:28px;
  line-height:1;
  letter-spacing:-1px;
}

.axon-mini-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:38px;
  height:25px;
  padding:0 8px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:8px;
  background:rgba(255,255,255,.045);
  font-size:9px;
  font-weight:800;
}

.axon-activity-wrap{
  position:relative;
  height:125px;
  margin-top:16px;
  border-top:1px solid rgba(255,255,255,.045);
  border-bottom:1px solid rgba(255,255,255,.045);
  overflow:hidden;
}

.axon-activity-grid{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:8px 0;
}

.axon-activity-grid i{
  display:block;
  width:100%;
  border-top:1px dashed rgba(255,255,255,.055);
}

.axon-activity-bars{
  position:absolute;
  inset:8px 0;
  display:flex;
  align-items:flex-end;
  gap:3px;
}

.axon-activity-bar{
  flex:1;
  min-width:2px;
  height:var(--h);
  max-height:100%;
  border-radius:4px 4px 1px 1px;
  background:linear-gradient(to top,#5865f2,#8790ff);
  opacity:.88;
  box-shadow:0 0 10px rgba(88,101,242,.12);
}

.axon-chart-footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  margin-top:10px;
  color:rgba(255,255,255,.42);
  font-size:9px;
}

.axon-range-tabs{
  display:flex;
  gap:4px;
  flex-wrap:wrap;
}

.axon-range-tab{
  padding:5px 7px;
  border-radius:7px;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.05);
  font-size:8px;
  font-weight:800;
  color:inherit;
}

.axon-range-tab.active{
  color:#fff;
  background:rgba(88,101,242,.18);
  border-color:rgba(88,101,242,.35);
}

.axon-channel-list{
  display:grid;
  gap:6px;
  margin-top:13px;
}

.axon-channel-row{
  display:grid;
  grid-template-columns:24px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:6px 8px;
  border-radius:10px;
  background:rgba(255,255,255,.028);
  border:1px solid rgba(255,255,255,.035);
}

.axon-channel-rank{
  display:flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  border-radius:7px;
  background:rgba(88,101,242,.12);
  color:#9ca4ff;
  font-size:9px;
  font-weight:900;
}

.axon-channel-name{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
  font-weight:700;
}

.axon-channel-meta{
  display:flex;
  align-items:center;
  gap:5px;
  color:rgba(255,255,255,.42);
  font-size:9px;
}

.axon-channel-count{
  color:#fff;
  font-size:10px;
  font-weight:800;
}

.axon-channel-empty{
  padding:18px 4px;
  text-align:center;
  font-size:10px;
  opacity:.45;
}

@media(max-width:820px){
  .axon-analytics-grid{
    grid-template-columns:1fr;
    gap:8px;
    margin:9px 0 11px;
  }

  .axon-analytics-card{
    padding:11px;
    border-radius:14px;
  }

  .axon-analytics-head strong{
    font-size:23px;
  }

  .axon-activity-wrap{
    height:105px;
    margin-top:12px;
  }

  .axon-activity-bars{
    gap:2px;
  }

  .axon-chart-footer{
    margin-top:8px;
  }

  .axon-range-tab{
    padding:4px 6px;
    font-size:7px;
  }

  .axon-channel-list{
    gap:4px;
    margin-top:9px;
  }

  .axon-channel-row{
    min-height:36px;
    grid-template-columns:22px minmax(0,1fr) auto;
    padding:5px 7px;
  }

  .axon-channel-rank{
    width:22px;
    height:22px;
  }

  .axon-channel-name{
    font-size:10px;
  }
}

/* AXON PREMIUM MOTION LAYER */
@keyframes axonCardIn {
  from { opacity: 0; transform: translateY(14px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes axonBarGrow {
  from { transform: scaleY(0); opacity: .25; }
  to { transform: scaleY(1); opacity: 1; }
}

@keyframes axonLineDraw {
  from { stroke-dashoffset: 1200; opacity: .15; }
  to { stroke-dashoffset: 0; opacity: 1; }
}

@keyframes axonGlow {
  0%, 100% { box-shadow: 0 0 0 rgba(120,160,255,0); }
  50% { box-shadow: 0 0 28px rgba(120,160,255,.08); }
}

@keyframes axonShimmer {
  from { background-position: 200% 0; }
  to { background-position: -200% 0; }
}

.axon-analytics-card {
  animation: axonCardIn .55s cubic-bezier(.22,1,.36,1) both;
  will-change: transform, opacity;
}

.axon-analytics-card:nth-child(2) { animation-delay: .08s; }
.axon-analytics-card:nth-child(3) { animation-delay: .16s; }

.axon-analytics-card:hover {
  animation: axonGlow 2.4s ease-in-out infinite;
  transform: translateY(-2px);
  transition: transform .25s ease, box-shadow .25s ease;
}

.axon-activity-bar {
  transform-origin: bottom;
  animation: axonBarGrow .65s cubic-bezier(.22,1,.36,1) both;
  animation-delay: var(--delay, 0ms);
  will-change: transform;
}

.axon-activity-bar:hover {
  filter: brightness(1.35);
  transform: scaleY(1.04);
  transition: filter .2s ease, transform .2s ease;
}

.axon-line-chart polyline,
.axon-line-chart path {
  stroke-dasharray: 1200;
  stroke-dashoffset: 1200;
  animation: axonLineDraw 1.25s cubic-bezier(.22,1,.36,1) .12s forwards;
}

.axon-channel-row {
  animation: axonCardIn .45s cubic-bezier(.22,1,.36,1) both;
}

.axon-range-tab {
  transition:
    color .2s ease,
    background .2s ease,
    border-color .2s ease,
    transform .2s ease;
}

.axon-range-tab:hover {
  transform: translateY(-1px);
}

.axon-range-tab.active {
  transition: all .25s cubic-bezier(.22,1,.36,1);
}

[data-total] {
  transition: opacity .2s ease, transform .25s ease;
}

.axon-analytics-card.is-loading {
  pointer-events: none;
}

.axon-analytics-card.is-loading::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
    110deg,
    transparent 25%,
    rgba(255,255,255,.045) 45%,
    transparent 65%
  );
  background-size: 200% 100%;
  animation: axonShimmer 1.1s linear infinite;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .axon-analytics-card,
  .axon-analytics-card:nth-child(2),
  .axon-analytics-card:nth-child(3),
  .axon-activity-bar,
  .axon-channel-row,
  .axon-line-chart polyline,
  .axon-line-chart path {
    animation: none !important;
    transition: none !important;
  }
}

/* AXON PREMIUM LIVE BADGE + CARD FINISH */
.axon-live-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 6px 10px;
  border: 1px solid rgba(74, 222, 128, .22);
  border-radius: 999px;
  background: rgba(74, 222, 128, .07);
  color: #4ade80;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .12em;
  line-height: 1;
  box-shadow:
    0 0 18px rgba(74, 222, 128, .06),
    inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.axon-live-chip i {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: #4ade80;
  box-shadow:
    0 0 0 3px rgba(74, 222, 128, .09),
    0 0 12px rgba(74, 222, 128, .65);
  animation: axonLivePulse 1.8s ease-in-out infinite;
}

@keyframes axonLivePulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
    box-shadow:
      0 0 0 3px rgba(74, 222, 128, .09),
      0 0 12px rgba(74, 222, 128, .65);
  }
  50% {
    opacity: .65;
    transform: scale(.82);
    box-shadow:
      0 0 0 5px rgba(74, 222, 128, .025),
      0 0 5px rgba(74, 222, 128, .35);
  }
}

.axon-analytics-card {
  position: relative;
  overflow: hidden;
}

.axon-analytics-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 8%;
  right: 8%;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.13),
    transparent
  );
  opacity: .7;
  pointer-events: none;
}

.axon-analytics-card::after {
  content: "";
  position: absolute;
  width: 180px;
  height: 180px;
  top: -120px;
  right: -80px;
  border-radius: 50%;
  background: rgba(110, 120, 255, .055);
  filter: blur(35px);
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .axon-live-chip i {
    animation: none !important;
  }
}

/* AXON PREMIUM GREEN ACTIVITY GRAPH */
.axon-line-chart svg {
  overflow: visible;
}

.axon-svg-grid line {
  stroke: rgba(255,255,255,.055);
  stroke-width: 1;
  stroke-dasharray: 5 7;
}

.axon-line-area {
  fill: rgba(74, 222, 128, .10);
  stroke: none;
}

.axon-line-path {
  fill: none;
  stroke: #4ade80;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  filter:
    drop-shadow(0 0 5px rgba(74,222,128,.45))
    drop-shadow(0 0 14px rgba(74,222,128,.18));
}

.axon-line-path::after {
  content: "";
}

.axon-line-chart::after {
  content: "";
  position: absolute;
  inset: auto 4% 8% 4%;
  height: 32px;
  background: rgba(74,222,128,.06);
  filter: blur(28px);
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .axon-line-path {
    filter: none;
  }
}

/* =========================================================
   AXON LOG VIEWER
   ========================================================= */

.axon-log-toolbar{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:18px 0 12px;
}

.axon-log-search{
  flex:1 1 280px;
  min-height:46px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.035);
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}

.axon-log-search span{
  font-size:21px;
  opacity:.55;
}

.axon-log-search input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:inherit;
  font:inherit;
}

.axon-log-filters{
  display:flex;
  gap:8px;
}

.axon-log-filters select{
  min-height:46px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  padding:0 12px;
  background:rgba(255,255,255,.045);
  color:inherit;
  outline:0;
}

.axon-log-summary{
  display:flex;
  align-items:center;
  gap:18px;
  margin:10px 0 14px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}

.axon-log-summary div{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.axon-log-summary span{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.09em;
  opacity:.45;
}

.axon-log-summary strong{
  font-size:15px;
}

.axon-log-summary button,
.axon-log-pagination button{
  margin-left:auto;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.045);
  color:inherit;
  border-radius:10px;
  padding:8px 12px;
  cursor:pointer;
}

.axon-log-list{
  display:grid;
  gap:8px;
}

.axon-log-card{
  position:relative;
  overflow:hidden;
  display:flex;
  border:1px solid rgba(255,255,255,.07);
  border-radius:15px;
  background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  animation:axonCardIn .35s ease both;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}

.axon-log-card:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--log-color),transparent 55%);
  background:rgba(255,255,255,.05);
}

.axon-log-accent{
  width:3px;
  flex:none;
  background:var(--log-color);
  box-shadow:0 0 14px color-mix(in srgb,var(--log-color),transparent 30%);
}

.axon-log-main{
  min-width:0;
  flex:1;
  padding:11px 13px 10px;
}

.axon-log-top,
.axon-log-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.axon-log-type{
  font-size:9px;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--log-color);
}

.axon-log-top time{
  font-size:10px;
  opacity:.42;
}

.axon-log-title{
  margin-top:4px;
  font-size:14px;
  font-weight:750;
}

.axon-log-description{
  margin-top:5px;
  color:rgba(255,255,255,.62);
  font-size:12px;
  line-height:1.5;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}

.axon-log-author{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:8px;
  font-size:11px;
  font-weight:650;
}

.axon-log-author img{
  width:20px;
  height:20px;
  border-radius:50%;
  object-fit:cover;
}

.axon-log-fields{
  display:grid;
  gap:5px;
  margin-top:8px;
}

.axon-log-field{
  padding:7px 9px;
  border-radius:9px;
  background:rgba(255,255,255,.035);
}

.axon-log-field b{
  display:block;
  font-size:10px;
  margin-bottom:2px;
}

.axon-log-field span{
  font-size:11px;
  opacity:.62;
  white-space:pre-wrap;
}

.axon-log-bottom{
  margin-top:9px;
  font-size:9px;
  opacity:.38;
}

.axon-log-history{
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
}

.axon-log-history.live{
  color:#4ade80;
  opacity:1;
}

.axon-log-empty,
.axon-log-loading{
  padding:45px 20px;
  text-align:center;
  opacity:.55;
}

.axon-log-empty div{
  font-size:30px;
  margin-bottom:8px;
}

.axon-log-empty strong{
  display:block;
  font-size:14px;
  opacity:.9;
}

.axon-log-empty span{
  display:block;
  margin-top:4px;
  font-size:11px;
}

.axon-log-pagination{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  margin:16px 0 8px;
}

.axon-log-pagination button{
  margin:0;
}

.axon-log-pagination button:disabled{
  opacity:.3;
  cursor:not-allowed;
}

.axon-log-pagination span{
  min-width:60px;
  text-align:center;
  font-size:11px;
  opacity:.55;
}

@media(max-width:700px){
  .axon-log-toolbar{
    display:grid;
  }

  .axon-log-filters{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .axon-log-filters select{
    width:100%;
  }

  .axon-log-summary{
    gap:12px;
  }

  .axon-log-summary button{
    margin-left:auto;
  }

  .axon-log-main{
    padding:10px 11px 9px;
  }

  .axon-log-title{
    font-size:13px;
  }

  .axon-log-description{
    font-size:11px;
  }
}

@media(prefers-reduced-motion:reduce){
  .axon-log-card{
    animation:none;
    transition:none;
  }
}

/* Compact Professional Log Viewer */
.axon-log-tabs{display:flex;gap:6px;margin:0 0 10px}
.axon-log-tabs button{border:1px solid var(--line);background:#151515;color:#999;border-radius:10px;padding:8px 12px;font-size:10px;font-weight:800;cursor:pointer}
.axon-log-tabs button.active{color:#fff;background:#202020;border-color:#333}
.axon-log-toolbar{padding:10px;border:1px solid var(--line);border-radius:15px;background:#151515}
.axon-log-search{display:flex;align-items:center;gap:8px;background:#101010;border:1px solid #292929;border-radius:10px;padding:0 10px}
.axon-log-search input{width:100%;height:36px;background:none;border:0;outline:0;color:#fff;font-size:11px}
.axon-log-filters{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}
.axon-log-filters select{height:34px;background:#101010;color:#ccc;border:1px solid #292929;border-radius:9px;padding:0 8px;font-size:10px;outline:0}
.axon-log-summary{display:flex;align-items:center;gap:8px;margin:9px 0}
.axon-log-summary>div{padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:#151515}
.axon-log-summary span{display:block;color:#777;font-size:8px;text-transform:uppercase}
.axon-log-summary strong{font-size:12px}
.axon-log-summary button{margin-left:auto;width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#151515;color:#aaa;cursor:pointer}
.axon-log-list{display:flex;flex-direction:column;gap:5px}
.axon-log-card{position:relative;display:flex;min-height:0;border:1px solid #252525;border-radius:11px;background:#151515;overflow:hidden}
.axon-log-accent{width:3px;background:var(--log-color);flex:0 0 3px}
.axon-log-main{min-width:0;flex:1;padding:8px 10px}
.axon-log-top{display:flex;align-items:center;gap:7px;min-width:0}
.axon-log-type{font-size:8px;font-weight:900;text-transform:uppercase;color:#888;letter-spacing:.04em}
.axon-log-location{font-size:8px;color:#6f9cff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.axon-log-top time{margin-left:auto;color:#666;font-size:8px;white-space:nowrap}
.axon-log-title{font-size:11px;font-weight:800;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.axon-log-description{font-size:9px;color:#999;margin-top:3px;line-height:1.35;white-space:pre-line;max-height:38px;overflow:hidden}
.axon-log-author{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:9px;color:#ddd}
.axon-log-author img{width:18px;height:18px;border-radius:50%;object-fit:cover}
.axon-log-fields{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}
.axon-log-fields span{padding:3px 6px;border-radius:6px;background:#101010;border:1px solid #252525;color:#aaa;font-size:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.axon-log-fields b{color:#ddd;margin-right:4px}
.axon-log-bottom{display:flex;align-items:center;gap:7px;margin-top:5px;color:#666;font-size:8px}
.axon-log-history{margin-left:auto;padding:2px 5px;border-radius:5px;background:#242424;color:#888;font-size:7px;font-weight:900}
.axon-log-history.live{color:#4ade80;background:rgba(74,222,128,.08)}
.axon-log-loading{padding:25px;text-align:center;color:#777;font-size:10px}
.axon-log-empty{padding:30px;text-align:center;border:1px dashed #292929;border-radius:12px}
.axon-log-empty strong{display:block;font-size:11px}
.axon-log-empty span{display:block;margin-top:4px;color:#666;font-size:9px}
.axon-log-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:10px}
.axon-log-pagination button{border:1px solid var(--line);background:#151515;color:#aaa;border-radius:8px;padding:6px 10px;font-size:9px}
.axon-log-pagination button:disabled{opacity:.35}

@media(min-width:700px){
  .axon-log-toolbar{display:flex;gap:8px;align-items:center}
  .axon-log-search{flex:1}
  .axon-log-filters{display:flex;margin:0}
  .axon-log-filters select{width:135px}
}

/* AXON CLEAN PREMIUM THEME */
body{
  background-color:var(--bg);
  background-image:radial-gradient(rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:24px 24px;
}

.axon-dashboard-hero,
.axon-server-card,
.axon-stat-grid,
.axon-spotlight,
.axon-health-grid,
.axon-module-grid,
.axon-power-card,
.panel,.card,.mini-panel,.database-card,.resource-card,
.auth-card,.ticket-card,.transcript-card,.empty{
  box-shadow:0 8px 24px rgba(0,0,0,.14);
}

.axon-server-card{
  position:relative;
  overflow:hidden;
}

.axon-server-card:before,
.axon-dashboard-hero:before,
.axon-spotlight:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:20px 20px;
  opacity:.45;
}

.axon-server-card>*,
.axon-dashboard-hero>*,
.axon-spotlight>*{
  position:relative;
  z-index:1;
}

.axon-server-card:hover{
  transform:translateY(-2px);
  border-color:rgba(77,145,255,.3)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.2);
}

.theme-toggle{
  display:grid!important;
  place-items:center;
  width:38px;
  min-width:38px;
  height:38px;
  padding:0!important;
}

@media(max-width:820px){
  .theme-toggle{display:grid!important}
}

/* CLEAN LIGHT MODE */
html[data-theme="light"] body{
  background:#eef2f7;
  background-image:radial-gradient(rgba(50,70,95,.10) 1px,transparent 1px);
  background-size:24px 24px;
}

html[data-theme="light"] .sidebar,
html[data-theme="light"] .topbar{
  background:#f8fafc!important;
  border-color:#dfe5ec!important;
}

html[data-theme="light"] .axon-dashboard-hero,
html[data-theme="light"] .axon-server-card,
html[data-theme="light"] .axon-stat-grid,
html[data-theme="light"] .axon-spotlight,
html[data-theme="light"] .axon-health-grid,
html[data-theme="light"] .axon-module-grid,
html[data-theme="light"] .axon-power-card,
html[data-theme="light"] .panel,
html[data-theme="light"] .card,
html[data-theme="light"] .mini-panel,
html[data-theme="light"] .database-card,
html[data-theme="light"] .resource-card,
html[data-theme="light"] .auth-card,
html[data-theme="light"] .ticket-card,
html[data-theme="light"] .transcript-card,
html[data-theme="light"] .empty{
  background:#ffffff!important;
  border-color:#dfe5ec!important;
  box-shadow:0 8px 24px rgba(35,55,80,.08);
}

html[data-theme="light"] .axon-server-card:hover{
  border-color:#b9cceb!important;
  box-shadow:0 12px 28px rgba(35,55,80,.12);
}

html[data-theme="light"] .axon-server-card:before,
html[data-theme="light"] .axon-dashboard-hero:before,
html[data-theme="light"] .axon-spotlight:before{
  background-image:radial-gradient(rgba(60,80,105,.08) 1px,transparent 1px);
}

html[data-theme="light"] .axon-search,
html[data-theme="light"] .search{
  background:#fff!important;
  border-color:#dfe5ec!important;
}

html[data-theme="light"] .btn,
html[data-theme="light"] .theme-toggle{
  background:#fff!important;
  color:#17202b!important;
  border-color:#d7dfe8!important;
}

html[data-theme="light"] .btn.primary{
  background:#17202b!important;
  color:#fff!important;
}

html[data-theme="light"] .axon-stat-card,
html[data-theme="light"] .axon-module-card{
  background:#fff!important;
}

html[data-theme="light"] .nav-item:hover,
html[data-theme="light"] .nav-item.active{
  background:#e9f1fb;
  color:#17202b;
}

/* AXON PREMIUM LIGHT — CONTRAST + POLISH */
html[data-theme="light"]{
  --bg:#edf2f7;
  --panel:#ffffff;
  --panel2:#f7f9fc;
  --panel3:#e9eef5;
  --line:#d8e0e9;
  --text:#17212f;
  --muted:#667384;
  --muted2:#8995a4;
}

/* Global light text correction */
html[data-theme="light"] body,
html[data-theme="light"] .content,
html[data-theme="light"] .main{
  color:#17212f!important;
}

html[data-theme="light"] .mobile-brand,
html[data-theme="light"] .brand-name,
html[data-theme="light"] .server-text strong,
html[data-theme="light"] .axon-servers-hero h1,
html[data-theme="light"] .page-header h1,
html[data-theme="light"] .hero-row h1,
html[data-theme="light"] .axon-module-card,
html[data-theme="light"] .feature-title,
html[data-theme="light"] .axon-module-head h2,
html[data-theme="light"] .axon-advanced-head h2,
html[data-theme="light"] .axon-section-head h2,
html[data-theme="light"] .axon-hero-copy h1,
html[data-theme="light"] .axon-stat-copy strong,
html[data-theme="light"] .health-card strong,
html[data-theme="light"] .panel-title h3,
html[data-theme="light"] .card h2,
html[data-theme="light"] .mini-panel h3,
html[data-theme="light"] .field label,
html[data-theme="light"] .field-copy label,
html[data-theme="light"] .list-item strong,
html[data-theme="light"] .member-copy strong{
  color:#17212f!important;
}

html[data-theme="light"] .server-text span,
html[data-theme="light"] .axon-servers-hero p,
html[data-theme="light"] .page-header p,
html[data-theme="light"] .hero-row p,
html[data-theme="light"] .axon-hero-copy p,
html[data-theme="light"] .axon-stat-copy span,
html[data-theme="light"] .health-card small,
html[data-theme="light"] .field small,
html[data-theme="light"] .field-copy small,
html[data-theme="light"] .list-item span,
html[data-theme="light"] .member-copy span{
  color:#687687!important;
}

/* Premium light cards */
html[data-theme="light"] .axon-server-card,
html[data-theme="light"] .axon-dashboard-hero,
html[data-theme="light"] .axon-stat-grid,
html[data-theme="light"] .axon-module-grid,
html[data-theme="light"] .panel,
html[data-theme="light"] .card{
  background:linear-gradient(145deg,#ffffff 0%,#f7f9fc 100%)!important;
  border:1px solid #d7e0e9!important;
  box-shadow:
    0 10px 30px rgba(35,55,80,.08),
    inset 0 1px 0 rgba(255,255,255,.95)!important;
}

/* Accent stripe / premium depth */
html[data-theme="light"] .axon-server-card:after{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:3px;
  border-radius:0 4px 4px 0;
  background:linear-gradient(#27d9e8,#5865f2);
  opacity:.8;
}

/* Feature rows */
html[data-theme="light"] .axon-module-card{
  background:linear-gradient(90deg,#fff,#f8fafc)!important;
  border-bottom:1px solid #e1e7ee!important;
}

html[data-theme="light"] .axon-module-card:hover{
  background:#f1f6fb!important;
}

/* Icons get actual color */
html[data-theme="light"] .feature-icon{
  background:linear-gradient(145deg,#edf5ff,#e8f0fa)!important;
  color:#4d78b8!important;
  border:1px solid #d7e3f0!important;
}

html[data-theme="light"] .axon-module-card:after{
  background:#c1cbd6!important;
}

html[data-theme="light"] .axon-module-card:hover:after{
  background:#27bfae!important;
  box-shadow:0 0 10px rgba(39,191,174,.25);
}

/* Header */
html[data-theme="light"] .topbar{
  background:rgba(248,250,253,.96)!important;
  border-bottom:1px solid #dce4ec!important;
}

html[data-theme="light"] .mobile-brand-mark{
  background:linear-gradient(145deg,#17212f,#29384b)!important;
  color:#fff!important;
  box-shadow:0 5px 15px rgba(23,33,47,.18);
}

html[data-theme="light"] .theme-toggle{
  background:#fff!important;
  color:#17212f!important;
  border:1px solid #d7e0e9!important;
  box-shadow:0 5px 16px rgba(35,55,80,.08);
}

/* Search */
html[data-theme="light"] .axon-search,
html[data-theme="light"] .search{
  background:#fff!important;
  border:1px solid #d5dfe9!important;
  box-shadow:0 7px 22px rgba(35,55,80,.06);
}

html[data-theme="light"] .axon-search input,
html[data-theme="light"] .search input{
  color:#17212f!important;
}

html[data-theme="light"] .axon-search input::placeholder,
html[data-theme="light"] .search input::placeholder{
  color:#8995a4!important;
}

/* Server open buttons */
html[data-theme="light"] .axon-server-open b{
  background:linear-gradient(145deg,#17212f,#2c3b4e)!important;
  color:#fff!important;
  box-shadow:0 7px 18px rgba(23,33,47,.18);
}

/* Light background — subtle, not washed out */
html[data-theme="light"] body{
  background:
    radial-gradient(circle at 5% 5%,rgba(39,217,232,.11),transparent 24%),
    radial-gradient(circle at 95% 12%,rgba(166,108,255,.09),transparent 25%),
    #edf2f7!important;
  background-image:
    radial-gradient(circle at 5% 5%,rgba(39,217,232,.11),transparent 24%),
    radial-gradient(circle at 95% 12%,rgba(166,108,255,.09),transparent 25%),
    radial-gradient(rgba(50,75,105,.09) 1px,transparent 1px)!important;
  background-size:auto,auto,24px 24px!important;
}

/* Mobile readability */
@media(max-width:820px){
  html[data-theme="light"] .content{
    color:#17212f!important;
  }

  html[data-theme="light"] .axon-server-card{
    min-height:120px;
  }

  html[data-theme="light"] .server-text strong{
    font-size:17px!important;
  }

  html[data-theme="light"] .server-text span{
    font-size:11px!important;
  }
}

/* AXON ANALYTICS — PREMIUM LIGHT/DARK FINISH */
.axon-analytics-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 12px 32px rgba(0,0,0,.16)!important;
}

.axon-analytics-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 100% 0%,rgba(88,101,242,.16),transparent 30%),
    radial-gradient(circle at 0% 100%,rgba(39,217,232,.08),transparent 28%);
}

.axon-analytics-card > *{
  position:relative;
  z-index:1;
}

.axon-analytics-head strong{
  color:#fff!important;
  font-weight:900;
}

.axon-analytics-head .eyebrow{
  color:rgba(255,255,255,.52)!important;
}

.axon-mini-chip{
  color:#fff!important;
}

.axon-chart-footer{
  color:rgba(255,255,255,.55)!important;
}

.axon-channel-row{
  color:#fff;
}

/* LIGHT ANALYTICS */
html[data-theme="light"] .axon-analytics-card{
  background:
    linear-gradient(145deg,#ffffff 0%,#f7faff 55%,#edf3fb 100%)!important;
  border:1px solid #cfd9e6!important;
  box-shadow:
    0 14px 34px rgba(50,75,105,.12),
    inset 0 1px 0 #fff!important;
}

html[data-theme="light"] .axon-analytics-card:before{
  background:
    radial-gradient(circle at 100% 0%,rgba(88,101,242,.12),transparent 32%),
    radial-gradient(circle at 0% 100%,rgba(39,217,232,.10),transparent 30%);
}

html[data-theme="light"] .axon-analytics-head strong{
  color:#142033!important;
  text-shadow:none!important;
}

html[data-theme="light"] .axon-analytics-head .eyebrow{
  color:#68778a!important;
  opacity:1!important;
  font-weight:900;
}

html[data-theme="light"] .axon-mini-chip{
  color:#26364b!important;
  background:#f5f8fc!important;
  border-color:#d6e0eb!important;
}

html[data-theme="light"] .axon-chart-footer{
  color:#6c7a8b!important;
}

html[data-theme="light"] .axon-range-tab{
  color:#617084!important;
  background:#f5f8fc!important;
  border-color:#d9e2ec!important;
}

html[data-theme="light"] .axon-range-tab.active{
  color:#263b61!important;
  background:#e6edff!important;
  border-color:#b9c9ef!important;
}

html[data-theme="light"] .axon-activity-grid i{
  border-color:rgba(70,95,125,.11)!important;
}

html[data-theme="light"] .axon-channel-row{
  color:#1b293b!important;
  background:rgba(255,255,255,.62)!important;
  border-color:#dce5ee!important;
}

html[data-theme="light"] .axon-channel-row strong,
html[data-theme="light"] .axon-channel-row b{
  color:#182538!important;
}

html[data-theme="light"] .axon-channel-row span{
  color:#6b7888!important;
}

/* Strong visible chart */
html[data-theme="light"] .axon-activity-bar{
  opacity:1!important;
  box-shadow:0 2px 8px rgba(88,101,242,.18)!important;
}

/* Glossy edge highlight */
html[data-theme="light"] .axon-analytics-card:after,
.axon-analytics-card:after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);
  pointer-events:none;
}

/* AXON PREMIUM GLASS — LIGHTWEIGHT */
:root{
  --premium-blue:#6d7cff;
  --premium-cyan:#32d8e8;
  --premium-violet:#a875ff;
}

.content{
  position:relative;
}

.content:before{
  content:"";
  position:fixed;
  width:420px;
  height:420px;
  top:80px;
  right:-180px;
  border-radius:50%;
  background:rgba(109,124,255,.07);
  pointer-events:none;
  z-index:-1;
}

.axon-server-card,
.axon-dashboard-hero,
.axon-stat-grid,
.axon-spotlight,
.axon-health-grid,
.axon-module-grid,
.axon-power-card,
.panel,
.card{
  position:relative;
  overflow:hidden;
}

.axon-server-card:after,
.axon-dashboard-hero:after,
.axon-stat-grid:after,
.axon-spotlight:after,
.axon-module-grid:after{
  content:"";
  position:absolute;
  top:0;
  left:8%;
  right:8%;
  height:1px;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.22),
    rgba(109,124,255,.32),
    transparent
  );
  pointer-events:none;
}

.axon-server-card{
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}

.axon-server-card:hover{
  transform:translateY(-2px);
  border-color:rgba(109,124,255,.35)!important;
  box-shadow:
    0 16px 36px rgba(0,0,0,.20),
    0 0 0 1px rgba(109,124,255,.04);
}

.axon-server-open b{
  transition:background .16s ease,transform .16s ease;
}

.axon-server-open:hover b{
  background:linear-gradient(145deg,#111,#20202a);
  transform:translateX(2px);
}

.axon-search,
.search{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    0 8px 24px rgba(0,0,0,.10);
}

.btn{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}

.btn.primary{
  background:linear-gradient(135deg,#ffffff,#e9ecf5);
  box-shadow:
    0 8px 20px rgba(0,0,0,.12),
    inset 0 1px 0 #fff;
}

.live-dot{
  box-shadow:
    0 0 0 4px rgba(53,230,141,.08),
    0 0 16px rgba(53,230,141,.65);
}

/* PREMIUM LIGHT */
html[data-theme="light"] body{
  background:
    radial-gradient(circle at 85% 5%,rgba(109,124,255,.10),transparent 27%),
    radial-gradient(circle at 5% 55%,rgba(50,216,232,.07),transparent 24%),
    #edf2f7;
}

html[data-theme="light"] .content:before{
  background:rgba(109,124,255,.055);
}

html[data-theme="light"] .axon-server-card,
html[data-theme="light"] .axon-dashboard-hero,
html[data-theme="light"] .axon-stat-grid,
html[data-theme="light"] .axon-spotlight,
html[data-theme="light"] .axon-health-grid,
html[data-theme="light"] .axon-module-grid,
html[data-theme="light"] .axon-power-card,
html[data-theme="light"] .panel,
html[data-theme="light"] .card{
  box-shadow:
    0 14px 35px rgba(50,70,100,.10),
    inset 0 1px 0 rgba(255,255,255,.95);
}

html[data-theme="light"] .axon-server-card:hover{
  box-shadow:
    0 18px 40px rgba(50,70,100,.14),
    0 0 0 1px rgba(109,124,255,.10);
}

html[data-theme="light"] .axon-server-open b{
  background:linear-gradient(145deg,#111827,#202938);
  color:#fff;
  box-shadow:
    0 8px 18px rgba(20,30,45,.18),
    inset 0 1px 0 rgba(255,255,255,.12);
}

html[data-theme="light"] .axon-server-open:hover b{
  background:linear-gradient(145deg,#172033,#293653);
}

html[data-theme="light"] .axon-search,
html[data-theme="light"] .search{
  box-shadow:
    0 10px 25px rgba(50,70,100,.08),
    inset 0 1px 0 #fff;
}

html[data-theme="light"] .btn{
  box-shadow:
    0 6px 16px rgba(50,70,100,.07),
    inset 0 1px 0 #fff;
}

html[data-theme="light"] .btn.primary{
  background:linear-gradient(135deg,#182235,#34476a)!important;
  color:#fff!important;
  border-color:#172235!important;
  box-shadow:
    0 9px 22px rgba(30,45,70,.20),
    inset 0 1px 0 rgba(255,255,255,.16);
}

html[data-theme="light"] .status-chip{
  padding:5px 9px;
  border-radius:999px;
  background:rgba(53,230,141,.09);
  border:1px solid rgba(53,230,141,.20);
}

/* Keep mobile rendering cheap */
@media(max-width:820px){
  .axon-server-card:hover{
    transform:none;
  }

  .content:before{
    width:260px;
    height:260px;
  }
}

@media(prefers-reduced-motion:reduce){
  .axon-server-card,
  .axon-server-open b{
    transition:none!important;
  }
}

/* AXON MODULES — PREMIUM MOTION */
.axon-module-grid{
  position:relative;
  isolation:isolate;
}

.axon-module-grid:before{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  top:-100px;
  right:-80px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(109,124,255,.13),transparent 68%);
  pointer-events:none;
  animation:axonAmbient 7s ease-in-out infinite alternate;
}

.axon-module-card{
  position:relative;
  overflow:hidden;
  transform:translateZ(0);
  transition:
    background .18s ease,
    transform .18s ease,
    padding-left .18s ease;
  animation:axonModuleIn .38s ease both;
}

.axon-module-card:nth-child(1){animation-delay:.02s}
.axon-module-card:nth-child(2){animation-delay:.04s}
.axon-module-card:nth-child(3){animation-delay:.06s}
.axon-module-card:nth-child(4){animation-delay:.08s}
.axon-module-card:nth-child(5){animation-delay:.10s}
.axon-module-card:nth-child(6){animation-delay:.12s}
.axon-module-card:nth-child(7){animation-delay:.14s}
.axon-module-card:nth-child(8){animation-delay:.16s}
.axon-module-card:nth-child(9){animation-delay:.18s}
.axon-module-card:nth-child(10){animation-delay:.20s}
.axon-module-card:nth-child(11){animation-delay:.22s}
.axon-module-card:nth-child(12){animation-delay:.24s}

.axon-module-card:before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-80%;
  width:55%;
  background:linear-gradient(
    100deg,
    transparent,
    rgba(255,255,255,.055),
    transparent
  );
  transform:skewX(-18deg);
  pointer-events:none;
}

.axon-module-card:hover{
  transform:translateX(4px);
  padding-left:19px;
  background:linear-gradient(
    90deg,
    rgba(109,124,255,.08),
    rgba(255,255,255,.025)
  );
}

.axon-module-card:hover:before{
  animation:axonShine .65s ease;
}

.feature-icon{
  position:relative;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease,
    color .18s ease;
}

.axon-module-card:hover .feature-icon{
  transform:scale(1.08) rotate(-3deg);
  background:linear-gradient(145deg,#292929,#1b1b1b);
  color:#9ba7ff;
  box-shadow:
    0 0 0 1px rgba(109,124,255,.18),
    0 0 18px rgba(109,124,255,.12);
}

.axon-module-card:after{
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    background .18s ease;
}

.axon-module-card:hover:after{
  transform:scale(1.35);
  background:#7c8cff;
  box-shadow:0 0 12px rgba(124,140,255,.65);
}

/* Light mode */
html[data-theme="light"] .axon-module-grid:before{
  background:radial-gradient(circle,rgba(109,124,255,.16),transparent 68%);
}

html[data-theme="light"] .axon-module-card:hover{
  background:linear-gradient(
    90deg,
    rgba(109,124,255,.09),
    rgba(255,255,255,.8)
  );
}

html[data-theme="light"] .axon-module-card:hover .feature-icon{
  background:linear-gradient(145deg,#eef2ff,#ffffff);
  color:#5264c8;
  box-shadow:
    0 0 0 1px rgba(82,100,200,.14),
    0 7px 18px rgba(60,80,120,.12);
}

/* Tiny premium pulse for enabled/status dots */
.axon-module-card:after{
  animation:axonDotPulse 2.8s ease-in-out infinite;
}

@keyframes axonModuleIn{
  from{
    opacity:0;
    transform:translateY(7px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes axonShine{
  from{left:-80%}
  to{left:135%}
}

@keyframes axonAmbient{
  from{transform:translate3d(-8px,0,0) scale(.95)}
  to{transform:translate3d(12px,12px,0) scale(1.08)}
}

@keyframes axonDotPulse{
  0%,100%{opacity:.55}
  50%{opacity:1;box-shadow:0 0 10px rgba(124,140,255,.28)}
}

@media(max-width:820px){
  .axon-module-card:hover{
    transform:none;
    padding-left:15px;
  }

  .axon-module-card:hover .feature-icon{
    transform:none;
  }

  .axon-module-grid:before{
    animation:none;
  }
}

@media(prefers-reduced-motion:reduce){
  .axon-module-card,
  .axon-module-grid:before,
  .axon-module-card:after{
    animation:none!important;
  }
}

/* =========================================================
   AXON COMMAND CENTER — WOW UI
   ========================================================= */

.axon-command-hero{
  position:relative;
  min-height:340px;
  margin-bottom:14px;
  padding:32px;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(120,135,255,.22);
  border-radius:28px;
  background:
    radial-gradient(circle at 78% 45%,rgba(103,117,255,.20),transparent 28%),
    radial-gradient(circle at 10% 100%,rgba(39,217,232,.09),transparent 32%),
    linear-gradient(145deg,#11131b,#0b0c11 65%,#11121a);
  box-shadow:
    0 24px 60px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.07);
}

.axon-command-grid{
  position:absolute;
  inset:0;
  opacity:.25;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:32px 32px;
  mask-image:linear-gradient(90deg,#000,transparent 75%);
}

.axon-command-glow{
  position:absolute;
  width:280px;
  height:280px;
  right:90px;
  top:30px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(105,119,255,.20),transparent 68%);
  animation:axonHeroGlow 5s ease-in-out infinite alternate;
  pointer-events:none;
}

.axon-command-content{
  position:relative;
  z-index:3;
  max-width:570px;
}

.axon-command-kicker{
  display:flex;
  align-items:center;
  gap:8px;
  color:#8997ff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
}

.axon-command-pulse{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#4ade80;
  box-shadow:0 0 14px rgba(74,222,128,.8);
  animation:axonPulse 2s ease-in-out infinite;
}

.axon-command-hero h1{
  margin:14px 0 10px;
  font-size:46px;
  line-height:.96;
  letter-spacing:-.055em;
}

.axon-command-hero h1 span{
  background:linear-gradient(90deg,#fff,#8995ff,#57d9e7);
  background-size:180% auto;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:axonGradient 5s ease infinite;
}

.axon-command-hero p{
  max-width:470px;
  margin:0;
  color:#969ba9;
  font-size:12px;
  line-height:1.65;
}

.axon-command-actions{
  display:flex;
  align-items:center;
  gap:13px;
  margin-top:24px;
}

.axon-command-primary{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:46px;
  padding:0 15px;
  border-radius:14px;
  color:#0b0d12;
  background:linear-gradient(135deg,#fff,#dce2ff);
  box-shadow:0 10px 30px rgba(112,126,255,.18);
  font-size:10px;
  font-weight:900;
  transition:transform .18s ease,box-shadow .18s ease;
}

.axon-command-primary span{
  color:#5e70ff;
}

.axon-command-primary b{
  margin-left:7px;
  font-size:15px;
}

.axon-command-primary:hover{
  transform:translateY(-2px);
  box-shadow:0 15px 35px rgba(112,126,255,.30);
}

.axon-command-status{
  display:flex;
  align-items:center;
  gap:7px;
  color:#8f96a5;
  font-size:9px;
  font-weight:700;
}

.axon-command-status i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#4ade80;
  box-shadow:0 0 12px rgba(74,222,128,.7);
}

.axon-command-orbit{
  position:absolute;
  width:300px;
  height:300px;
  right:40px;
  top:20px;
  z-index:1;
}

.axon-orbit-ring{
  position:absolute;
  inset:20px;
  border:1px solid rgba(125,138,255,.18);
  border-radius:50%;
}

.axon-orbit-ring.ring-one{
  animation:axonOrbit 14s linear infinite;
}

.axon-orbit-ring.ring-two{
  inset:55px;
  border-color:rgba(50,216,232,.18);
  animation:axonOrbitReverse 10s linear infinite;
}

.axon-orbit-core{
  position:absolute;
  left:50%;
  top:50%;
  width:82px;
  height:82px;
  transform:translate(-50%,-50%);
  display:grid;
  place-items:center;
  border-radius:25px;
  color:#fff;
  font-size:27px;
  font-weight:900;
  background:linear-gradient(145deg,#20243a,#10121c);
  border:1px solid rgba(140,151,255,.35);
  box-shadow:
    0 0 45px rgba(100,115,255,.20),
    inset 0 1px 0 rgba(255,255,255,.12);
}

.orbit-node{
  position:absolute;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:11px;
  background:#171a27;
  border:1px solid rgba(130,145,255,.24);
  color:#aab4ff;
  box-shadow:0 8px 20px rgba(0,0,0,.2);
}

.node-one{top:20px;left:130px}
.node-two{right:12px;top:135px}
.node-three{bottom:18px;left:70px}

.axon-command-strip{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  margin-bottom:24px;
  border:1px solid var(--line);
  border-radius:17px;
  overflow:hidden;
  background:rgba(255,255,255,.025);
}

.axon-command-strip>div{
  padding:12px 15px;
  border-right:1px solid var(--line);
}

.axon-command-strip>div:last-child{
  border-right:0;
}

.axon-command-strip span{
  display:block;
  color:var(--muted2);
  font-size:7px;
  font-weight:900;
  letter-spacing:.12em;
}

.axon-command-strip strong{
  display:block;
  margin-top:4px;
  font-size:13px;
}

.axon-command-strip .green{
  color:#4ade80;
}

.axon-wow-heading{
  margin-top:25px;
}

.axon-wow-modules{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}

.axon-wow-module{
  position:relative;
  min-height:82px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:13px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:17px;
  background:linear-gradient(145deg,#171717,#121212);
  box-shadow:0 8px 22px rgba(0,0,0,.10);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}

.axon-wow-module:before{
  content:"";
  position:absolute;
  width:100px;
  height:100px;
  right:-55px;
  top:-55px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(109,124,255,.15),transparent 70%);
}

.axon-wow-module:hover{
  transform:translateY(-4px);
  border-color:rgba(109,124,255,.38);
  box-shadow:
    0 16px 30px rgba(0,0,0,.22),
    0 0 25px rgba(109,124,255,.06);
}

.wow-module-icon{
  position:relative;
  z-index:1;
  width:42px;
  height:42px;
  min-width:42px;
  display:grid;
  place-items:center;
  border-radius:13px;
  color:#9da8ff;
  background:linear-gradient(145deg,#292c3c,#1c1e29);
  border:1px solid rgba(140,150,255,.13);
  font-size:17px;
  transition:transform .18s ease,box-shadow .18s ease;
}

.axon-wow-module:hover .wow-module-icon{
  transform:rotate(-5deg) scale(1.08);
  box-shadow:0 0 20px rgba(109,124,255,.18);
}

.wow-module-copy{
  position:relative;
  z-index:1;
  min-width:0;
  flex:1;
}

.wow-module-copy strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
}

.wow-module-copy span{
  display:block;
  margin-top:4px;
  color:#707582;
  font-size:8px;
}

.wow-module-arrow{
  color:#626b7b;
  font-size:16px;
  transition:transform .18s ease,color .18s ease;
}

.axon-wow-module:hover .wow-module-arrow{
  color:#8e9aff;
  transform:translate(2px,-2px);
}

.axon-wow-tools{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}

.axon-wow-tool{
  position:relative;
  min-height:185px;
  padding:18px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:20px;
  background:#151515;
  box-shadow:0 10px 28px rgba(0,0,0,.12);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.axon-wow-tool:before{
  content:"";
  position:absolute;
  width:190px;
  height:190px;
  right:-95px;
  top:-100px;
  border-radius:50%;
  opacity:.9;
}

.tool-blue:before{background:radial-gradient(circle,rgba(88,120,255,.22),transparent 68%)}
.tool-purple:before{background:radial-gradient(circle,rgba(166,108,255,.22),transparent 68%)}
.tool-cyan:before{background:radial-gradient(circle,rgba(39,217,232,.20),transparent 68%)}

.axon-wow-tool:hover{
  transform:translateY(-5px);
  box-shadow:0 20px 40px rgba(0,0,0,.20);
}

.tool-blue:hover{border-color:rgba(88,120,255,.35)}
.tool-purple:hover{border-color:rgba(166,108,255,.35)}
.tool-cyan:hover{border-color:rgba(39,217,232,.35)}

.wow-tool-top{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.wow-tool-top>span{
  color:#666d7c;
  font-size:7px;
  font-weight:900;
  letter-spacing:.14em;
}

.wow-tool-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:#202020;
  color:#aab4ff;
  font-size:17px;
}

.axon-wow-tool h3{
  position:relative;
  z-index:1;
  margin:17px 0 5px;
  font-size:16px;
}

.axon-wow-tool p{
  position:relative;
  z-index:1;
  margin:0;
  max-width:260px;
  color:#858b98;
  font-size:9px;
  line-height:1.5;
}

.wow-tool-bottom{
  position:absolute;
  z-index:1;
  bottom:15px;
  left:18px;
  right:18px;
  display:flex;
  justify-content:space-between;
  color:#737b8b;
  font-size:8px;
  font-weight:800;
}

.wow-tool-bottom b{
  color:#aab4ff;
  font-size:13px;
}

/* LIGHT WOW */
html[data-theme="light"] .axon-command-hero{
  background:
    radial-gradient(circle at 78% 45%,rgba(109,124,255,.17),transparent 28%),
    radial-gradient(circle at 8% 100%,rgba(39,217,232,.09),transparent 32%),
    linear-gradient(145deg,#ffffff,#f3f6fc);
  border-color:#ccd7e7;
  box-shadow:
    0 22px 55px rgba(50,70,100,.13),
    inset 0 1px 0 #fff;
}

html[data-theme="light"] .axon-command-hero h1{
  color:#142033;
}

html[data-theme="light"] .axon-command-hero h1 span{
  background:linear-gradient(90deg,#263b72,#6175e8,#1599aa);
  -webkit-background-clip:text;
  background-clip:text;
}

html[data-theme="light"] .axon-command-hero p{
  color:#647286;
}

html[data-theme="light"] .axon-command-grid{
  background-image:
    linear-gradient(rgba(50,70,100,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(50,70,100,.035) 1px,transparent 1px);
}

html[data-theme="light"] .axon-command-strip{
  background:#fff;
  border-color:#d6e0eb;
  box-shadow:0 8px 24px rgba(50,70,100,.07);
}

html[data-theme="light"] .axon-wow-module,
html[data-theme="light"] .axon-wow-tool{
  background:linear-gradient(145deg,#ffffff,#f6f9fd);
  border-color:#d4deea;
  box-shadow:0 10px 28px rgba(50,70,100,.08);
}

html[data-theme="light"] .axon-wow-module:hover,
html[data-theme="light"] .axon-wow-tool:hover{
  box-shadow:0 18px 35px rgba(50,70,100,.13);
}

html[data-theme="light"] .wow-module-icon,
html[data-theme="light"] .wow-tool-icon{
  background:linear-gradient(145deg,#eef2ff,#fff);
  color:#5264c8;
  border-color:#d8e0f0;
}

html[data-theme="light"] .wow-module-copy strong,
html[data-theme="light"] .axon-wow-tool h3{
  color:#17212f;
}

html[data-theme="light"] .wow-module-copy span,
html[data-theme="light"] .axon-wow-tool p{
  color:#687687;
}

html[data-theme="light"] .wow-tool-top>span,
html[data-theme="light"] .wow-tool-bottom{
  color:#718096;
}

@keyframes axonHeroGlow{
  from{transform:translate(-10px,4px) scale(.94)}
  to{transform:translate(15px,-10px) scale(1.08)}
}

@keyframes axonPulse{
  0%,100%{opacity:.6;transform:scale(.85)}
  50%{opacity:1;transform:scale(1.2)}
}

@keyframes axonGradient{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}

@keyframes axonOrbit{
  to{transform:rotate(360deg)}
}

@keyframes axonOrbitReverse{
  to{transform:rotate(-360deg)}
}

@media(max-width:820px){
  .axon-command-hero{
    min-height:330px;
    padding:23px;
  }

  .axon-command-hero h1{
    font-size:35px;
  }

  .axon-command-orbit{
    width:210px;
    height:210px;
    right:-55px;
    top:105px;
    opacity:.55;
  }

  .axon-command-actions{
    position:relative;
    z-index:4;
    flex-wrap:wrap;
  }

  .axon-command-primary{
    min-height:43px;
  }

  .axon-wow-modules{
    grid-template-columns:1fr 1fr;
  }

  .axon-wow-tools{
    grid-template-columns:1fr;
  }

  .axon-wow-tool{
    min-height:160px;
  }
}

@media(max-width:520px){
  .axon-command-hero{
    min-height:365px;
  }

  .axon-command-orbit{
    right:-80px;
    top:150px;
    opacity:.35;
  }

  .axon-command-strip strong{
    font-size:11px;
  }

  .axon-wow-modules{
    grid-template-columns:1fr;
  }

  .axon-wow-module{
    min-height:70px;
  }
}

@media(prefers-reduced-motion:reduce){
  .axon-command-glow,
  .axon-command-pulse,
  .axon-command-hero h1 span,
  .axon-orbit-ring{
    animation:none!important;
  }
}

/* =========================================================
   AXON COLOR MODULES — PREMIUM COMMAND GRID
   ========================================================= */

.axon-module-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}

.axon-module-card{
  min-height:108px!important;
  padding:16px 17px!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  border-radius:20px!important;
  border:1px solid rgba(130,145,180,.16)!important;
  background:
    radial-gradient(circle at 100% 0%,var(--module-glow,rgba(108,124,255,.13)),transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  box-shadow:0 10px 30px rgba(0,0,0,.12)!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}

.axon-module-card:nth-child(6n+1){--module:#8b7cff;--module-glow:rgba(139,124,255,.20)}
.axon-module-card:nth-child(6n+2){--module:#31d7e8;--module-glow:rgba(49,215,232,.18)}
.axon-module-card:nth-child(6n+3){--module:#ff7ac8;--module-glow:rgba(255,122,200,.18)}
.axon-module-card:nth-child(6n+4){--module:#61e294;--module-glow:rgba(97,226,148,.17)}
.axon-module-card:nth-child(6n+5){--module:#ffb45e;--module-glow:rgba(255,180,94,.18)}
.axon-module-card:nth-child(6n+6){--module:#6d9dff;--module-glow:rgba(109,157,255,.19)}

.axon-module-card:hover{
  transform:translateY(-4px)!important;
  padding-left:17px!important;
  border-color:color-mix(in srgb,var(--module) 48%,transparent)!important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.20),
    0 0 28px color-mix(in srgb,var(--module) 13%,transparent)!important;
}

.axon-module-card .feature-icon{
  flex:0 0 50px!important;
  width:50px!important;
  height:50px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:16px!important;
  color:var(--module)!important;
  font-size:20px!important;
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--module) 18%,#15161c),
      rgba(255,255,255,.025))!important;
  border:1px solid color-mix(in srgb,var(--module) 28%,transparent)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 8px 20px color-mix(in srgb,var(--module) 10%,transparent)!important;
}

.axon-module-card:hover .feature-icon{
  transform:translateY(-2px) scale(1.06)!important;
  color:#fff!important;
  background:var(--module)!important;
  box-shadow:0 8px 25px color-mix(in srgb,var(--module) 35%,transparent)!important;
}

.feature-body{
  min-width:0;
  flex:1;
}

.feature-kicker{
  margin-bottom:3px;
  color:var(--module)!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-transform:uppercase;
}

.feature-title{
  font-size:13px!important;
  font-weight:850!important;
  letter-spacing:-.01em;
}

.feature-description{
  margin-top:4px;
  overflow:hidden;
  color:#777f91;
  font-size:8px;
  line-height:1.45;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.feature-open{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border-radius:10px;
  color:#727b8e;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.06);
  font-size:14px;
  transition:.2s ease;
}

.axon-module-card:hover .feature-open{
  color:#fff;
  background:var(--module);
  border-color:transparent;
  transform:translate(2px,-2px);
}

html[data-theme="light"] .axon-module-card{
  background:
    radial-gradient(circle at 100% 0%,var(--module-glow),transparent 42%),
    linear-gradient(145deg,#fff,#f5f8fc)!important;
  border-color:#d8e1ec!important;
  box-shadow:0 10px 28px rgba(50,70,100,.08)!important;
}

html[data-theme="light"] .feature-description{
  color:#687487;
}

html[data-theme="light"] .feature-open{
  background:#f0f3f8;
  border-color:#dce3ec;
}

@media(max-width:700px){
  .axon-module-grid{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   AXON SERVER SELECT — PREMIUM WOW
   ========================================================= */

.axon-servers-wow{
  position:relative;
  overflow:hidden;
  min-height:260px;
  padding:30px;
  margin-bottom:14px;
  border:1px solid rgba(125,140,255,.20);
  border-radius:28px;
  background:
    radial-gradient(circle at 82% 20%,rgba(104,91,255,.20),transparent 28%),
    radial-gradient(circle at 5% 100%,rgba(35,211,232,.11),transparent 30%),
    linear-gradient(145deg,#11131c,#090a0f 72%);
  box-shadow:0 22px 55px rgba(0,0,0,.22);
}

.axon-servers-orb{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(1px);
}
.axon-servers-orb.orb-a{
  width:180px;height:180px;right:-70px;top:-80px;
  background:radial-gradient(circle,rgba(123,93,255,.25),transparent 68%);
}
.axon-servers-orb.orb-b{
  width:130px;height:130px;left:38%;bottom:-100px;
  background:radial-gradient(circle,rgba(33,211,232,.17),transparent 68%);
}

.axon-servers-kicker{
  position:relative;
  display:flex;
  align-items:center;
  gap:8px;
  color:#8997ff;
  font-size:8px;
  font-weight:900;
  letter-spacing:.18em;
}

.axon-live-pulse{
  width:7px;height:7px;
  border-radius:50%;
  background:#4ade80;
  box-shadow:0 0 15px rgba(74,222,128,.8);
}

.axon-servers-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-top:13px;
}

.axon-servers-head h1{
  margin:0;
  font-size:40px;
  line-height:1;
  letter-spacing:-.055em;
}

.axon-servers-head h1 span{
  background:linear-gradient(90deg,#fff,#8b7cff,#36d8e8);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.axon-servers-head p{
  margin:10px 0 0;
  color:#8e96a7;
  font-size:11px;
}

.axon-add-server{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:43px;
  padding:0 15px;
  border-radius:13px;
  color:#0b0d12;
  background:linear-gradient(135deg,#fff,#dce2ff);
  font-size:10px;
  font-weight:900;
  box-shadow:0 10px 30px rgba(108,124,255,.20);
  transition:.2s ease;
}
.axon-add-server:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 35px rgba(108,124,255,.32);
}
.axon-add-server b{
  color:#6577ff;
  font-size:17px;
}

.axon-server-stats{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-top:27px;
  max-width:570px;
}

.axon-server-stats div{
  padding:11px 13px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(255,255,255,.035);
}
.axon-server-stats strong{
  display:block;
  font-size:15px;
}
.axon-server-stats span{
  display:block;
  margin-top:3px;
  color:#727b8c;
  font-size:6px;
  font-weight:900;
  letter-spacing:.13em;
}

.axon-server-search{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:62px;
  margin-bottom:24px;
  padding:7px 10px 7px 16px;
  border:1px solid var(--line);
  border-radius:19px;
  background:rgba(255,255,255,.025);
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.axon-search-icon{
  color:#8994aa;
  font-size:25px;
  line-height:1;
}

.axon-server-search input{
  min-width:0;
  flex:1;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:inherit!important;
  font-size:11px!important;
}

.axon-search-count{
  padding:8px 11px;
  border-radius:10px;
  color:#8994ff;
  background:rgba(110,125,255,.09);
  font-size:8px;
  font-weight:900;
}

.axon-server-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  margin:0 0 12px;
}

.axon-server-section-head>div>span{
  color:#737d91;
  font-size:7px;
  font-weight:900;
  letter-spacing:.16em;
}
.axon-server-section-head h2{
  margin:4px 0 0;
  font-size:21px;
  letter-spacing:-.035em;
}

.axon-server-badge{
  padding:8px 11px;
  border-radius:10px;
  color:#ffc857;
  background:rgba(255,190,50,.12);
  font-size:9px;
  font-weight:900;
}

.axon-server-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}

.axon-server-card{
  position:relative;
  min-height:122px!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  padding:17px!important;
  overflow:hidden!important;
  border:1px solid rgba(135,150,185,.15)!important;
  border-radius:21px!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(103,117,255,.12),transparent 45%),
    linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}

.axon-server-card:nth-child(4n+1){--server-accent:#7d75ff}
.axon-server-card:nth-child(4n+2){--server-accent:#35d7e8}
.axon-server-card:nth-child(4n+3){--server-accent:#ff75bd}
.axon-server-card:nth-child(4n+4){--server-accent:#6be39a}

.axon-server-accent{
  position:absolute;
  left:0;top:18px;bottom:18px;
  width:3px;
  border-radius:0 4px 4px 0;
  background:var(--server-accent);
  box-shadow:0 0 15px var(--server-accent);
}

.axon-server-card:hover{
  transform:translateY(-5px);
  border-color:color-mix(in srgb,var(--server-accent) 40%,transparent)!important;
  box-shadow:
    0 18px 40px rgba(0,0,0,.20),
    0 0 28px color-mix(in srgb,var(--server-accent) 10%,transparent)!important;
}

.axon-server-art{
  position:relative;
  flex:0 0 58px;
}

.axon-server-art .server-icon{
  width:58px!important;
  height:58px!important;
  border-radius:18px!important;
  overflow:hidden;
  display:grid;
  place-items:center;
  color:var(--server-accent);
  background:color-mix(in srgb,var(--server-accent) 12%,#171920);
  border:1px solid color-mix(in srgb,var(--server-accent) 25%,transparent);
  font-size:23px;
  font-weight:900;
}

.axon-server-art .server-icon img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.axon-server-online{
  position:absolute;
  left:31px;
  bottom:-7px;
  display:flex;
  align-items:center;
  gap:4px;
  padding:4px 6px;
  border:2px solid #101116;
  border-radius:8px;
  background:#18241e;
  color:#61e294;
  font-size:5px;
  font-weight:900;
}
.axon-server-online i{
  width:5px;height:5px;
  border-radius:50%;
  background:#4ade80;
  box-shadow:0 0 7px #4ade80;
}

.axon-server-label{
  display:block;
  margin-bottom:3px;
  color:var(--server-accent)!important;
  font-size:6px!important;
  font-weight:900!important;
  letter-spacing:.14em;
}

.axon-server-card .server-text{
  min-width:0;
  flex:1;
}

.axon-server-card .server-text strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:14px;
}

.axon-server-card .server-text>span:last-child{
  display:block;
  margin-top:5px;
  overflow:hidden;
  color:#727b8d;
  font-size:8px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.axon-server-open{
  flex:0 0 43px!important;
  width:43px!important;
  height:43px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  transition:.2s ease!important;
}

.axon-server-open span{
  display:none;
}
.axon-server-open b{
  font-size:21px!important;
  color:#aeb7ca!important;
}

.axon-server-card:hover .axon-server-open{
  background:var(--server-accent)!important;
  border-color:transparent!important;
  transform:translate(2px,-2px);
}
.axon-server-card:hover .axon-server-open b{
  color:#fff!important;
}

html[data-theme="light"] .axon-servers-wow{
  background:
    radial-gradient(circle at 82% 20%,rgba(104,91,255,.14),transparent 28%),
    radial-gradient(circle at 5% 100%,rgba(35,211,232,.08),transparent 30%),
    linear-gradient(145deg,#fff,#f2f6fb);
  border-color:#d5dfeb;
  box-shadow:0 22px 55px rgba(50,70,100,.10);
}
html[data-theme="light"] .axon-servers-head h1{color:#182233}
html[data-theme="light"] .axon-servers-head h1 span{
  background:linear-gradient(90deg,#273a70,#6577e8,#169cad);
  -webkit-background-clip:text;
  background-clip:text;
}
html[data-theme="light"] .axon-server-stats div,
html[data-theme="light"] .axon-server-search{
  background:rgba(255,255,255,.72);
  border-color:#d7e0ea;
}
html[data-theme="light"] .axon-server-card{
  background:
    radial-gradient(circle at 100% 0%,rgba(103,117,255,.08),transparent 45%),
    linear-gradient(145deg,#fff,#f5f8fc)!important;
  border-color:#d6e0ea!important;
  box-shadow:0 10px 28px rgba(50,70,100,.07)!important;
}
html[data-theme="light"] .axon-server-online{
  border-color:#fff;
}

@media(max-width:700px){
  .axon-servers-wow{
    min-height:285px;
    padding:23px;
    border-radius:23px;
  }
  .axon-servers-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .axon-servers-head h1{
    font-size:34px;
  }
  .axon-add-server{
    align-self:stretch;
    justify-content:center;
  }
  .axon-server-stats{
    margin-top:20px;
  }
  .axon-server-grid{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:430px){
  .axon-server-stats div{
    padding:9px;
  }
  .axon-server-stats strong{
    font-size:13px;
  }
  .axon-server-search{
    min-height:56px;
  }
  .axon-search-count{
    display:none;
  }
}


/* AXON GLASS PREMIUM THEME */
:root{
  --glass:rgba(20,20,28,.62);
  --glass-strong:rgba(24,24,34,.78);
  --glass-border:rgba(255,255,255,.085);
  --glass-highlight:rgba(255,255,255,.055);
  --glow:rgba(105,145,255,.16);
}

html{
  scroll-behavior:smooth;
}

body{
  background:
    radial-gradient(circle at 15% 0%,rgba(88,101,242,.10),transparent 34%),
    radial-gradient(circle at 92% 12%,rgba(39,217,232,.07),transparent 30%),
    radial-gradient(circle at 55% 100%,rgba(166,108,255,.06),transparent 34%),
    #08090c;
  background-attachment:fixed;
}

.shell{
  position:relative;
}

.sidebar{
  background:rgba(10,11,15,.72);
  border-right:1px solid var(--glass-border);
  backdrop-filter:blur(28px) saturate(150%);
  -webkit-backdrop-filter:blur(28px) saturate(150%);
  box-shadow:8px 0 40px rgba(0,0,0,.18);
}

.brand{
  border-bottom-color:var(--glass-border);
}

.brand-mark,
.mobile-brand-mark{
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));
  border:1px solid var(--glass-border);
  box-shadow:inset 0 1px 0 var(--glass-highlight),0 8px 25px rgba(0,0,0,.25);
}

.nav-item{
  transition:background .22s ease,transform .22s ease,color .22s ease;
}

.nav-item:hover{
  background:rgba(255,255,255,.055);
  transform:translateX(2px);
}

.nav-item.active{
  background:linear-gradient(135deg,rgba(88,101,242,.18),rgba(88,101,242,.06));
  border:1px solid rgba(88,101,242,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 22px rgba(0,0,0,.14);
}

.nav-item b{
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.045);
}

.topbar{
  background:rgba(9,10,14,.58);
  border-bottom-color:var(--glass-border);
  backdrop-filter:blur(28px) saturate(155%);
  -webkit-backdrop-filter:blur(28px) saturate(155%);
}

.content{
  position:relative;
}

.panel,.card,.mini-panel,.database-card,.resource-card,.health-card,.auth-card,.ticket-card,.transcript-card,
.axon-server-card,.axon-dashboard-hero,.axon-stat-grid,.axon-spotlight,.axon-health-grid,
.axon-module-grid,.axon-power-card,.search,.axon-search,.empty{
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));
  border-color:var(--glass-border);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 18px 45px rgba(0,0,0,.18);
  backdrop-filter:blur(22px) saturate(135%);
  -webkit-backdrop-filter:blur(22px) saturate(135%);
}

.axon-server-card,
.card,
.panel,
.axon-dashboard-hero,
.axon-power-card,
.resource-card,
.database-card,
.health-card{
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}

.axon-server-card:hover,
.axon-power-card:hover,
.resource-card:hover,
.database-card:hover,
.health-card:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.13);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 22px 55px rgba(0,0,0,.25);
}

.axon-search,
.search{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 35px rgba(0,0,0,.16);
}

.axon-search:focus-within,
.search:focus-within{
  border-color:rgba(88,101,242,.42);
  box-shadow:
    0 0 0 3px rgba(88,101,242,.08),
    0 14px 38px rgba(0,0,0,.2);
}

.btn{
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  border-color:var(--glass-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 22px rgba(0,0,0,.14);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}

.btn:hover{
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.04));
  transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.2);
}

.btn.primary{
  background:linear-gradient(135deg,#fff,#dfe5ff);
  box-shadow:0 8px 28px rgba(255,255,255,.12);
}

.btn.danger{
  background:linear-gradient(145deg,rgba(255,70,95,.18),rgba(120,20,40,.12));
}

input[type=text],input[type=number],input[type=search],input[type=password],input[type=url],input[type=email],input[type=file],select,textarea{
  background:rgba(10,11,15,.52);
  border-color:rgba(255,255,255,.075);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}

input[type=text]:hover,input[type=number]:hover,input[type=search]:hover,input[type=password]:hover,
input[type=url]:hover,input[type=email]:hover,input[type=file]:hover,select:hover,textarea:hover{
  background:rgba(16,17,23,.68);
  border-color:rgba(255,255,255,.11);
}

.tabs{
  background:rgba(255,255,255,.025);
  border-color:var(--glass-border);
  backdrop-filter:blur(18px);
}

.tab{
  transition:background .18s ease,color .18s ease,transform .18s ease;
}

.tab:hover{
  background:rgba(255,255,255,.055);
  transform:translateY(-1px);
}

.tab.active{
  background:linear-gradient(135deg,#fff,#dfe5ff);
  box-shadow:0 7px 20px rgba(255,255,255,.08);
}

.axon-analytics-card{
  background:
    radial-gradient(circle at 90% 0%,rgba(88,101,242,.14),transparent 38%),
    linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));
  border-color:var(--glass-border);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 18px 45px rgba(0,0,0,.18);
  backdrop-filter:blur(24px) saturate(140%);
}

.toast{
  background:rgba(20,21,28,.72);
  border-color:var(--glass-border);
  box-shadow:0 12px 30px rgba(0,0,0,.18);
  backdrop-filter:blur(18px);
}

.live-dot{
  animation:axonPulse 2s ease-in-out infinite;
}

@keyframes axonPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(53,230,141,.45),0 0 14px rgba(53,230,141,.65)}
  50%{box-shadow:0 0 0 7px rgba(53,230,141,0),0 0 22px rgba(53,230,141,.9)}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{
    animation:none!important;
    transition:none!important;
  }
}

/* AXON GLASS V2 — VISUAL + PERFORMANCE */
body{
  overflow-x:hidden;
  background:
    radial-gradient(700px 400px at 10% -5%,rgba(88,101,242,.16),transparent 60%),
    radial-gradient(650px 380px at 100% 8%,rgba(39,217,232,.10),transparent 58%),
    radial-gradient(700px 420px at 50% 110%,rgba(166,108,255,.09),transparent 60%),
    #08090d;
}

/* Keep the expensive blur only where it matters */
.sidebar,.topbar{
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
}

/* Fast glass surfaces */
.panel,.card,.mini-panel,.database-card,.resource-card,.health-card,.auth-card,
.ticket-card,.transcript-card,.axon-server-card,.axon-dashboard-hero,.axon-stat-grid,
.axon-spotlight,.axon-health-grid,.axon-module-grid,.axon-power-card,.search,.axon-search,
.empty,.axon-analytics-card{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025)),
    rgba(15,16,23,.82)!important;
  border-color:rgba(255,255,255,.095)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.065),
    0 16px 42px rgba(0,0,0,.24);
}

/* Premium edge glow */
.axon-server-card,.axon-dashboard-hero,.axon-power-card,.card,.panel{
  position:relative;
  overflow:hidden;
}

.axon-server-card:before,.axon-dashboard-hero:before,.axon-power-card:before,
.card:before,.panel:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(
    115deg,
    rgba(255,255,255,.055),
    transparent 28%,
    transparent 72%,
    rgba(88,101,242,.045)
  );
}

/* Stronger premium active navigation */
.nav-item.active{
  background:linear-gradient(135deg,rgba(88,101,242,.28),rgba(39,217,232,.075))!important;
  border-color:rgba(130,145,255,.28)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.07),
    0 8px 24px rgba(75,90,220,.13);
}

.nav-item:hover{
  background:rgba(255,255,255,.065)!important;
}

/* Cleaner top bar */
.topbar{
  background:rgba(8,9,13,.78)!important;
  border-bottom-color:rgba(255,255,255,.085)!important;
}

/* Buttons feel less flat */
.btn{
  background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;
  border-color:rgba(255,255,255,.11)!important;
}

.btn.primary{
  background:linear-gradient(135deg,#ffffff,#dfe5ff)!important;
  color:#090a0e!important;
}

/* Input glass */
input[type=text],input[type=number],input[type=search],input[type=password],
input[type=url],input[type=email],input[type=file],select,textarea{
  background:rgba(7,8,12,.72)!important;
}

/* Smooth, lightweight transitions */
.axon-server-card,.axon-power-card,.resource-card,.database-card,.health-card,
.nav-item,.btn,.tab{
  transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;
}

.axon-server-card:hover,.axon-power-card:hover,.resource-card:hover,
.database-card:hover,.health-card:hover{
  transform:translateY(-2px);
}

/* Subtle ambient animation */
.shell:before{
  content:"";
  position:fixed;
  width:420px;
  height:420px;
  right:-180px;
  top:80px;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(88,101,242,.055),transparent 68%);
  animation:axonAmbient 12s ease-in-out infinite alternate;
  z-index:-1;
}

@keyframes axonAmbient{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(-45px,28px,0) scale(1.08)}
}

@media(prefers-reduced-motion:reduce){
  .shell:before{animation:none}
}

@media(max-width:820px){
  .sidebar{
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }
  .topbar{
    backdrop-filter:blur(14px)!important;
    -webkit-backdrop-filter:blur(14px)!important;
  }
}

/* AXON — PREMIUM AMBIENT BACKGROUND */
body{
  background:
    radial-gradient(circle at 8% 12%,rgba(80,120,255,.14),transparent 28%),
    radial-gradient(circle at 88% 18%,rgba(170,80,255,.12),transparent 26%),
    radial-gradient(circle at 50% 95%,rgba(40,190,255,.08),transparent 30%),
    #090909!important;
  background-attachment:fixed;
}

body:before,
body:after{
  content:"";
  position:fixed;
  width:420px;
  height:420px;
  border-radius:50%;
  pointer-events:none;
  z-index:-1;
  filter:blur(70px);
  opacity:.16;
  animation:axonFloat 14s ease-in-out infinite alternate;
}

body:before{
  top:-180px;
  left:-140px;
  background:rgba(70,120,255,.55);
}

body:after{
  right:-160px;
  bottom:-180px;
  background:rgba(170,70,255,.45);
  animation-delay:-7s;
}

@keyframes axonFloat{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(35px,25px,0) scale(1.08)}
}

@media(prefers-reduced-motion:reduce){
  body:before,body:after{animation:none}
}

/* AXON CUSTOM COMMAND STUDIO */
.axon-command-page{max-width:1180px;width:100%;margin:auto;padding:8px 0 36px}
.axon-command-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px;margin-bottom:22px;border:1px solid rgba(135,145,255,.25);border-radius:22px;background:radial-gradient(ellipse at 90% 0%,rgba(105,92,255,.23),transparent 45%),linear-gradient(135deg,#191d35,#101321);box-shadow:0 16px 45px #0002}
.axon-command-hero h1{font-size:clamp(1.7rem,3vw,2.4rem);letter-spacing:-.04em;margin:9px 0;font-weight:850}
.axon-command-hero p,.axon-command-card-head p{color:var(--muted,#a3abc3);line-height:1.6;margin:0}
.axon-command-hero-badge{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #858cff44;border-radius:30px;background:#090d1c;color:#e0e3ff;font-size:.82rem;font-weight:750;white-space:nowrap}
.axon-command-hero-badge span{width:8px;height:8px;border-radius:50%;background:#65e6b2;box-shadow:0 0 12px #65e6b288}
.axon-command-editor{display:grid;gap:18px}
.axon-command-page .axon-command-card{min-width:0;padding:24px;border:1px solid rgba(140,150,190,.18);border-radius:19px;background:linear-gradient(145deg,rgba(25,29,43,.96),rgba(15,18,29,.97));box-shadow:0 10px 30px #0002}
.axon-command-page .axon-command-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.axon-command-page .eyebrow{font-size:.7rem;font-weight:850;letter-spacing:.14em;color:#a0a8ff;text-transform:uppercase}
.axon-command-page .axon-command-card-head h2{font-size:1.22rem;letter-spacing:-.025em;margin:7px 0;font-weight:800}
.axon-command-page .axon-command-card-head h3{font-size:1rem;margin:0 0 6px}
.axon-command-step{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid #8b96ff44;border-radius:13px;background:#696eff1c;color:#c5caff;font-weight:850}
.axon-command-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.axon-command-fields .field{display:flex;flex-direction:column;gap:8px;min-width:0}
.axon-command-fields .axon-command-full{grid-column:1/-1}
.axon-command-page .field label{font-size:.83rem;font-weight:750;color:#e4e7f7}
.axon-command-page .field small{font-size:.76rem;line-height:1.5;color:#969fba}
.axon-command-page input:not([type=checkbox]),.axon-command-page select,.axon-command-page textarea{box-sizing:border-box;width:100%;max-width:100%;min-height:44px;padding:11px 13px;border:1px solid #8b96bb38!important;border-radius:11px!important;background:rgba(7,10,20,.78)!important;color:#f0f3ff!important;outline:none;transition:border-color .18s,box-shadow .18s}
.axon-command-page textarea{min-height:112px;resize:vertical;line-height:1.6}
.axon-command-page input:focus,.axon-command-page select:focus,.axon-command-page textarea:focus{border-color:#8b91ff!important;box-shadow:0 0 0 3px #7378ff25}
.axon-command-page select[multiple]{min-height:130px}
.axon-command-live-preview{display:flex;align-items:center;gap:18px;margin-top:22px;padding:17px 19px;border:1px solid #8b96ff33;border-radius:14px;background:linear-gradient(100deg,#6366f11c,#19bedc0c)}
.axon-command-live-preview>div{display:grid;gap:6px;min-width:0}
.axon-command-live-preview strong{overflow-wrap:anywhere;font-size:.92rem;color:#f3f5ff}
.axon-command-page .preview-label{font-size:.65rem;font-weight:850;letter-spacing:.12em;color:#a0a8ff}
.axon-command-page .preview-arrow{color:#9299ff;font-size:1.3rem}
.axon-action-head-right{display:flex;align-items:center;gap:12px}
.axon-builder-list{display:grid;gap:13px}
.axon-command-page .builder-row{min-width:0;padding:18px;border:1px solid #8995be33;border-radius:15px;background:#080b153d}
.axon-command-page .action-builder-title{display:flex;align-items:center;gap:9px;margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid #8995be29;font-weight:800}
.axon-command-page .action-number{display:grid;place-items:center;min-width:25px;height:25px;border-radius:8px;background:#7b80ff25;color:#c5caff;font-size:.75rem}
.axon-command-page .action-fields,.axon-command-page .field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.axon-command-page .action-content,.axon-command-page .action-description{grid-column:1/-1}
.axon-empty-actions{display:flex;align-items:center;gap:15px;padding:22px;border:1px dashed #8995be55;border-radius:15px;background:#080b1530}
.axon-empty-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:13px;background:#7b80ff20;color:#b5baff;font-size:1.5rem}
.axon-empty-actions h3{margin:0 0 5px;font-size:.94rem}.axon-empty-actions p{margin:0;color:#9ca5bd;font-size:.82rem;line-height:1.55}
.axon-variable-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px;padding:12px;border:1px solid #8995be29;border-radius:13px;background:#080b1530}
.axon-variable-bar>span{margin-right:4px;font-size:.68rem;letter-spacing:.1em;font-weight:850;color:#a0a8ff}
.axon-variable-bar button{padding:6px 10px;border:1px solid #8b96ff40;border-radius:8px;background:#696eff18;color:#d8dcff;font:600 .76rem ui-monospace,monospace;cursor:pointer}
.axon-variable-bar button:hover{background:#696eff35}
.axon-advanced-panel{margin-top:16px;border:1px solid #8995be30;border-radius:14px;background:#080b1525;overflow:hidden}
.axon-advanced-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;cursor:pointer;list-style:none}
.axon-advanced-panel>summary::-webkit-details-marker{display:none}
.axon-advanced-panel>summary strong,.axon-advanced-panel>summary small{display:block}
.axon-advanced-panel>summary strong{font-size:.87rem}.axon-advanced-panel>summary small{margin-top:4px;color:#9ca5bd;font-size:.76rem}
.axon-advanced-panel[open]>summary{border-bottom:1px solid #8995be29}
.axon-advanced-panel>.axon-command-fields{padding:18px}
.axon-command-page .advanced-pill{padding:6px 9px;border:1px solid #8b96ff40;border-radius:30px;background:#696eff19;color:#c2c6ff;font-size:.64rem;font-weight:850;letter-spacing:.08em;white-space:nowrap}
.axon-command-page .builder-advanced-section{padding:20px 0;border-bottom:1px solid #8995be29}
.axon-command-page .builder-advanced-section:last-child{border-bottom:0}
.axon-command-page .axon-review-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.axon-command-page .axon-review-grid>div{display:grid;gap:9px;min-width:0;padding:16px;border:1px solid #8995be30;border-radius:13px;background:#080b1540}
.axon-command-page .axon-review-grid span{font-size:.65rem;font-weight:850;letter-spacing:.1em;color:#a0a8ff}
.axon-command-page .axon-review-grid strong{overflow-wrap:anywhere;font-size:.91rem;color:#f0f2ff}
.axon-command-submit{position:sticky;bottom:12px;z-index:5;display:flex;justify-content:flex-end;gap:10px;padding:13px;border:1px solid #8995be35;border-radius:15px;background:#101321ed;backdrop-filter:blur(16px);box-shadow:0 12px 34px #0004}
.axon-command-submit .btn{min-height:43px;padding:11px 18px}
.axon-command-page .axon-command-count{display:grid;place-items:center;min-width:42px;height:42px;border:1px solid #8b96ff40;border-radius:13px;background:#696eff20;color:#c8ccff;font-weight:850}
.axon-command-list{display:grid;gap:10px}
.axon-command-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid #8995be30;border-radius:15px;background:#080b1540;transition:border-color .18s,transform .18s}
.axon-command-item:hover{transform:translateY(-1px);border-color:#8b96ff70}
.axon-command-item-main{display:flex;align-items:center;gap:13px;min-width:0}
.axon-command-item-main>div:last-child{display:grid;gap:5px;min-width:0}
.axon-command-item-main strong{overflow-wrap:anywhere;font-size:.94rem}
.axon-command-item-icon{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:1px solid #8b96ff40;border-radius:13px;background:#696eff20;color:#c7cbff;font-size:1.25rem;font-weight:850}
.axon-command-trigger{width:max-content;max-width:100%;overflow-wrap:anywhere;padding:4px 8px;border-radius:7px;background:#696eff20;color:#c3c8ff;font:.76rem ui-monospace,monospace}
.axon-command-meta{display:flex;flex-wrap:wrap;gap:6px;color:#9aa3bb;font-size:.74rem}
.axon-command-item-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}
.axon-command-item-actions form{margin:0}
.axon-command-page .btn{border-radius:10px}
.axon-command-page .btn.primary{box-shadow:0 5px 18px #696eff2e}
@media(max-width:760px){
 .axon-command-hero{align-items:flex-start;flex-direction:column;padding:23px 20px;border-radius:17px}
 .axon-command-hero-badge{align-self:flex-start}
 .axon-command-page .axon-command-card{padding:18px;border-radius:15px}
 .axon-command-fields,.axon-command-page .action-fields,.axon-command-page .field-grid{grid-template-columns:minmax(0,1fr);gap:14px}
 .axon-command-fields .axon-command-full,.axon-command-page .action-content,.axon-command-page .action-description{grid-column:auto}
 .axon-command-live-preview{gap:10px;padding:13px;flex-wrap:wrap}
 .axon-command-live-preview>div{flex:1 1 35%}
 .axon-command-page .axon-review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .axon-command-item{align-items:flex-start;flex-direction:column}
 .axon-command-item-actions{justify-content:flex-start;width:100%}
 .axon-command-item-actions form{display:inline-flex}
 .axon-command-submit{bottom:7px}
 .axon-command-page .builder-row{padding:13px}
 .axon-command-page .axon-command-card-head h2{font-size:1.08rem}
}
@media(max-width:420px){
 .axon-command-page .axon-command-card{padding:14px}
 .axon-command-page .axon-review-grid{gap:8px}
 .axon-command-page .axon-review-grid>div{padding:12px}
 .axon-command-page .axon-command-step{width:34px;height:34px}
 .axon-action-head-right{gap:7px;flex-wrap:wrap;justify-content:flex-end}
 .axon-command-submit{justify-content:stretch}
 .axon-command-submit .btn{flex:1;text-align:center}
}



/* Auto Reactions reference layout v1 */
.ar-page{max-width:1150px;margin:0 auto}
.ar-page .ar-tip{display:flex;gap:14px;align-items:flex-start;padding:22px 24px;border:1px solid #293d61;border-radius:24px;background:linear-gradient(120deg,rgba(64,100,173,.2),rgba(74,45,100,.1));margin:24px 0 32px}
.ar-page .ar-tip-icon{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:16px;background:#20375d;color:#91bcff;font-size:27px}
.ar-page .ar-tip strong{font-size:16px}
.ar-page .ar-tip p{font-size:14px;line-height:1.65;color:var(--muted);margin:8px 0 0}
.ar-page .ar-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin:0 0 38px}
.ar-page .ar-toolbar .search{display:flex;width:100%;max-width:none;min-height:76px;align-items:center;gap:12px;padding:12px 14px 12px 22px;border:1px solid #303039;border-radius:28px;background:#19191e;box-sizing:border-box}
.ar-page .ar-toolbar .search input{flex:1;min-width:0;width:100%;background:transparent;border:0;outline:0}
.ar-page .ar-toolbar .search .btn{flex-shrink:0}
.ar-page .ar-toolbar>.btn{width:100%;min-height:76px;border-radius:24px;font-weight:800}
.ar-page .ar-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:0 0 22px}
.ar-page .ar-section-head h2{font-size:28px;margin:0}
.ar-page .ar-section-head p{font-size:14px;line-height:1.7;margin-top:10px}
.ar-page .ar-count{flex-shrink:0;border-radius:24px;padding:11px 17px;font-size:13px}
.ar-page .ar-rules{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.ar-page .ar-rule{display:flex;flex-direction:column;align-items:stretch;gap:18px;min-width:0;padding:26px;border:1px solid #303033;border-radius:30px;background:#151515;box-sizing:border-box}
.ar-page .ar-rule-main{width:100%;min-width:0}
.ar-page .ar-rule-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.ar-page .ar-trigger{font-size:16px;font-weight:800}
.ar-page .ar-meta{font-size:13px;line-height:1.6;margin-top:20px;gap:8px 16px}
.ar-page .ar-preview{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-height:34px;margin-top:16px}
.ar-page .ar-preview img{display:inline-block;width:34px;height:34px;object-fit:contain}
.ar-page .ar-preview .ar-preview-text{font-size:28px;line-height:1.25}
.ar-page .ar-raw{font-size:12px;line-height:1.6;color:#929296;overflow-wrap:anywhere;margin-top:12px}
.ar-page .ar-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:12px;width:100%;padding-top:18px;border-top:1px solid #303033;box-sizing:border-box}
.ar-page .ar-actions form{display:inline-flex;align-items:center;width:auto;margin:0}
.ar-page .ar-actions .btn{min-height:48px;padding:10px 18px;border-radius:20px}
.ar-page .ar-empty{padding:40px 22px;border-radius:28px}
@media(min-width:701px){
  .ar-page .ar-toolbar{flex-direction:row;align-items:center}
  .ar-page .ar-toolbar .search{flex:1}
  .ar-page .ar-toolbar>.btn{width:auto;min-height:48px}
  .ar-page .ar-rule{flex-direction:row;align-items:center}
  .ar-page .ar-actions{width:auto;min-width:170px;border-top:0;border-left:1px solid #303033;padding:0 0 0 18px}
}