*{box-sizing:border-box}

@font-face{
  font-family:"NourdBold";
  src: local("Nourd Bold"), local("Nourd-Bold"), local("Nourd");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}

:root{
  --bg:#0a1b33;
  --panel:rgba(7,16,29,.72);
  --panel-2:rgba(9,20,36,.84);
  --line:rgba(99,153,235,.16);
  --white:#f4f8ff;
  --muted:#a6bad9;
  --blue:#3e96dd;
  --gold:#d8ab44;
  --shadow:0 24px 80px rgba(0,0,0,.44);
  --owner-accent:#2d8dff;
  --owner-accent-hover:#55c8ff;
  --owner-accent-soft:rgba(45,141,255,.18);
  --owner-accent-border:rgba(123,179,255,.44);
  --owner-accent-glow:rgba(45,141,255,.28);
  --owner-accent-gradient:
    radial-gradient(circle at 17% 22%,rgba(85,200,255,.3),transparent 34%),
    linear-gradient(145deg,rgba(39,91,205,.92),rgba(17,35,74,.92) 58%,rgba(10,24,46,.96));
  --owner-accent-edge-gradient:linear-gradient(135deg,rgba(85,200,255,.54),rgba(45,141,255,.12) 45%,rgba(255,255,255,.08));
  --owner-accent-rail-gradient:linear-gradient(180deg,var(--owner-accent-hover),var(--owner-accent));
  --owner-accent-primary-gradient:linear-gradient(135deg,#2d8dff 0%,#1b76ff 100%);
}

html,body{
  margin:0;
  min-height:100%;
  color:var(--white);
  font-family:Inter,system-ui,sans-serif;
  background:
    linear-gradient(180deg, rgba(3,9,18,.36), rgba(4,11,21,.64)),
    url('/static/mimatt-bg-unified.png') center/cover fixed no-repeat;
}

body{
  position:relative;
  overflow-x:hidden;
}

.bg-layer{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 14% 12%, rgba(120,170,245,.1), transparent 28%),
    radial-gradient(circle at 86% 80%, rgba(27,118,255,.12), transparent 34%),
    url('/static/mimatt-bg-unified.png') center/cover no-repeat;
}

.bg-layer iframe{
  width:100%;
  height:100%;
  border:0;
  opacity:.17;
  transform:scale(1.08);
  filter:saturate(.78) brightness(.62);
}

.bg-overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 20%, rgba(47,131,255,.11), transparent 24%),
    radial-gradient(circle at 80% 20%, rgba(47,131,255,.06), transparent 22%),
    linear-gradient(180deg, rgba(6,20,38,.35) 0%, rgba(7,21,41,.58) 45%, rgba(7,21,41,.76) 100%);
}

.bg-fade{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(4,12,22,.56) 0%, rgba(4,12,22,.2) 40%, rgba(4,12,22,.38) 100%);
}

.bg-fade.darker{
  background:linear-gradient(180deg, rgba(4,12,22,.45) 0%, rgba(4,12,22,.85) 100%);
}

.page-wrap{
  position:relative;
  z-index:2;
  width:min(1380px, calc(100% - 40px));
  margin:0 auto;
  padding:24px 0 42px;
}

.app-shell .page-wrap{
  width:min(1640px, calc(100% - 72px));
  max-width:none;
  padding-bottom:56px;
}

.topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.topbar-app{
  margin-bottom:28px;
}

.brand{
  display:flex;
  align-items:center;
  gap:16px;
  text-decoration:none;
  color:inherit;
}

.brand-logo{
  width:76px;
  height:76px;
  object-fit:contain;
  filter:drop-shadow(0 10px 24px rgba(0,0,0,.55));
  border-radius:0;
  background:transparent;
}

.brand-lockup{
  display:flex;
  flex-direction:column;
}

.brand-wordmark{
  width:min(370px, 46vw);
  height:auto;
  display:block;
  object-fit:contain;
  mix-blend-mode:screen;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.36));
}

.brand-text{
  font-family:"NourdBold", Rajdhani, Inter, sans-serif;
  font-size:2.15rem;
  font-weight:700;
  line-height:1;
  letter-spacing:.01em;
}

.brand-white{color:var(--white)}
.brand-blue{color:var(--blue)}

.brand-mark{
  font-family:"NourdBold", Rajdhani, Inter, sans-serif;
  font-weight:700;
}

.brand-sub{
  color:var(--muted);
  font-size:.92rem;
  margin-top:6px;
}

.topnav{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
}

.topnav a{
  color:var(--muted);
  text-decoration:none;
  font-weight:500;
}

.topnav .active-nav{
  color:var(--white)!important;
}

.lang-btn,
.login-btn,
.primary-btn,
.secondary-btn,
.ghost-btn{
  border:none;
  border-radius:14px;
  transition:.22s ease;
}

.lang-btn{
  background:rgba(255,255,255,.06);
  color:var(--white);
  padding:11px 14px;
  border:1px solid rgba(255,255,255,.08);
  cursor:pointer;
}

.lang-floating-toggle{
  position:fixed;
  top:14px;
  right:14px;
  z-index:12000;
  box-shadow:0 12px 30px rgba(0,0,0,.35);
}

body .topbar .lang-floating-toggle{
  display:none;
}

.owner-view-btn-mini{
  padding:9px 12px;
  border-radius:12px;
  font-weight:700;
}

.owner-view-btn-mini.active{
  background:linear-gradient(135deg, #2d8dff 0%, #1b76ff 100%);
  border-color:rgba(64, 149, 255, 0.8);
  color:#fff;
  box-shadow:0 10px 26px rgba(49,147,255,.34);
}

.login-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  padding:12px 16px;
  background:rgba(49,147,255,.12);
  color:var(--white)!important;
  border:1px solid rgba(49,147,255,.24);
}

.primary-btn,
.secondary-btn,
.ghost-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 20px;
  text-decoration:none;
  font-weight:700;
  cursor:pointer;
}

.primary-btn{
  background:linear-gradient(135deg, #2d8dff 0%, #1b76ff 100%);
  color:#fff;
  box-shadow:0 12px 34px rgba(49,147,255,.32);
}

.secondary-btn{
  background:rgba(255,255,255,.05);
  color:var(--white);
  border:1px solid rgba(255,255,255,.1);
}

.ghost-btn{
  background:transparent;
  color:var(--muted);
  border:1px solid rgba(255,255,255,.1);
}

.hero-chip,
.section-chip{
  display:inline-flex;
  width:max-content;
  border-radius:999px;
  padding:8px 12px;
  background:rgba(49,147,255,.12);
  border:1px solid rgba(49,147,255,.24);
  color:#85c1ff;
  letter-spacing:.11em;
  font-size:.72rem;
  font-weight:800;
}

.hero-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  margin:26px 0 20px;
}

.landing-brand .brand-logo{
  width:132px;
  height:132px;
}

.landing-brand .brand-text{
  font-size:3rem;
}

.landing-brand .brand-sub{
  font-size:1.12rem;
  margin-top:2px;
}

/* =========================
   Landing V2
   ========================= */
.lp-shell{
  display:grid;
  gap:20px;
  position:relative;
  background:linear-gradient(180deg, rgba(9,26,48,.45), rgba(8,23,42,.66));
  border-radius:26px;
  padding:10px;
}

.lp-promo{
  position:relative;
  display:grid;
  gap:10px;
  padding:24px 26px;
  z-index:2;
}

.lp-promo-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:10px;
}

.lp-promo-close{
  position:absolute;
  top:12px;
  right:12px;
  width:34px;
  height:34px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(7,16,29,.72);
  color:#dce9ff;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}

.lp-promo-gate{
  position:fixed;
  inset:0;
  z-index:9999;
  background:rgba(4,12,24,.74);
  backdrop-filter:blur(8px);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
}

.lp-promo-gate.is-hidden{
  display:none;
}

.lp-promo-gate-card{
  position:relative;
  width:min(1260px, 94vw);
  min-height:min(62vh, 640px);
  border:1px solid rgba(108,146,210,.34);
  border-radius:28px;
  background:
    radial-gradient(circle at 18% 18%, rgba(42,135,255,.24), transparent 36%),
    radial-gradient(circle at 84% 72%, rgba(216,171,68,.18), transparent 40%),
    linear-gradient(145deg, rgba(8,22,42,.94), rgba(6,18,35,.98));
  box-shadow:0 40px 100px rgba(0,0,0,.55);
  display:grid;
  grid-template-columns:minmax(280px, .7fr) minmax(0, 1.3fr);
  overflow:hidden;
}

.lp-promo-gate-close{
  position:absolute;
  top:16px;
  right:16px;
  width:40px;
  height:40px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(7,16,29,.76);
  color:#dce9ff;
  font-size:26px;
  line-height:1;
  cursor:pointer;
  z-index:2;
}

.lp-promo-gate-media{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:
    radial-gradient(circle at 50% 42%, rgba(94,145,225,.16), transparent 56%),
    linear-gradient(145deg, rgba(10,24,45,.8), rgba(7,19,36,.78));
}

.lp-promo-gate-media img{
  width:min(100%, 520px);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 26px 48px rgba(0,0,0,.55));
  transform:perspective(900px) rotateY(-8deg) rotateX(2deg);
}

.lp-promo-gate-media img.promo-banner-image{
  width:min(100%, 640px);
  max-height:520px;
  object-fit:contain;
  border-radius:16px;
  border:1px solid rgba(126,169,230,.28);
  box-shadow:0 18px 48px rgba(0,0,0,.35);
  transform:none;
}

.lp-promo-gate-copy{
  padding:42px 34px;
  display:grid;
  align-content:center;
  gap:10px;
}

.lp-promo-gate-copy h2{
  margin:2px 0 2px;
  font-family:Rajdhani, sans-serif;
  font-size:3rem;
  line-height:1.02;
}

.lp-promo-gate-copy p{
  color:#b9cdeb;
  font-size:1.22rem;
  line-height:1.6;
  max-width:56ch;
}

.lp-path-list{
  display:grid;
  gap:10px;
  margin-top:6px;
}

.lp-path-item{
  text-decoration:none;
  border:1px solid rgba(109,145,204,.34);
  border-radius:14px;
  background:rgba(11,24,45,.56);
  padding:12px 14px;
  display:grid;
  gap:3px;
  transition:.2s ease;
}

.lp-path-item strong{
  color:#f0f6ff;
  font-size:1.03rem;
}

.lp-path-item span{
  color:#95b3df;
  font-size:.95rem;
}

.lp-path-item:hover{
  border-color:rgba(133,176,244,.6);
  transform:translateY(-1px);
}

.lp-dynamic-window{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  min-height:100%;
  z-index:2;
}

.lp-dynamic-window iframe{
  width:100%;
  height:100%;
  min-height:320px;
  border:0;
  opacity:.95;
  filter:saturate(1.06) brightness(.9);
}

.lp-dynamic-label{
  position:absolute;
  top:12px;
  left:14px;
  z-index:2;
  font-size:.74rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(99,153,235,.26);
  background:rgba(8,18,34,.74);
  color:#b7d4ff;
}

.lp-dynamic-right{
  background:
    linear-gradient(180deg, rgba(8,23,43,.94), rgba(6,18,34,.96));
}

.lp-hero-wide{
  position:relative;
  overflow:hidden;
  min-height:700px;
  display:grid;
  grid-template-rows:1fr auto;
  z-index:2;
}

.lp-hero-dynamic{
  position:absolute;
  inset:0;
  z-index:0;
}

.lp-hero-dynamic iframe{
  width:100%;
  height:100%;
  border:0;
  opacity:.94;
  filter:saturate(1.42) brightness(1.04) contrast(1.14);
}

.lp-hero-gold-bg{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    radial-gradient(circle at 18% 16%, rgba(255,214,120,.18), transparent 26%),
    radial-gradient(circle at 82% 78%, rgba(255,214,120,.12), transparent 32%),
    url('/static/es-hero-gold-bg.png') center/cover no-repeat;
  opacity:.28;
  mix-blend-mode:screen;
}

.lp-hero-gold-streaks{
  position:absolute;
  inset:0;
  z-index:6;
  pointer-events:none;
}

.gold-streak{
  position:absolute;
  display:block;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent 0%, rgba(255,235,165,1) 36%, rgba(255,216,110,.72) 62%, rgba(255,216,110,.1) 100%);
  box-shadow:
    0 0 26px rgba(255,214,120,.95),
    0 0 64px rgba(255,214,120,.6),
    0 0 120px rgba(255,214,120,.32);
  opacity:.96;
  mix-blend-mode:screen;
}

.streak-1{
  top:8%;
  right:-20%;
  left:auto;
  width:40%;
  animation:goldStreakA 6.8s ease-in-out infinite;
}

.streak-2{
  top:84%;
  left:12%;
  width:40%;
  animation:goldStreakB 7.6s ease-in-out infinite;
}

.streak-3{
  top:56%;
  right:-26%;
  width:36%;
  animation:goldStreakC 7.2s ease-in-out infinite;
}

@keyframes goldStreakA{
  0%,100%{ transform:translateX(0) scaleX(.95); opacity:.3; }
  50%{ transform:translateX(56%) scaleX(1.08); opacity:1; }
}

@keyframes goldStreakB{
  0%,100%{ transform:translateX(0) scaleX(.9); opacity:.28; }
  50%{ transform:translateX(44%) scaleX(1.04); opacity:.98; }
}

@keyframes goldStreakC{
  0%,100%{ transform:translateX(0) scaleX(.94); opacity:.26; }
  50%{ transform:translateX(-54%) scaleX(1.07); opacity:1; }
}

.lp-hero-wide::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(8,21,40,.48) 0%, rgba(8,21,40,.08) 46%, rgba(8,22,43,.28) 100%),
    linear-gradient(180deg, rgba(11,24,45,.12), rgba(11,24,45,.24));
  z-index:3;
}

.lp-hero-overlay{
  position:relative;
  z-index:4;
  padding:74px 34px 34px;
  max-width:760px;
}

.lp-hero-stats{
  position:relative;
  z-index:4;
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  border-top:1px solid rgba(102,138,198,.34);
  background:rgba(4,12,24,.78);
}

.lp-hero-stats > div{
  padding:14px 16px;
  border-right:1px solid rgba(102,138,198,.22);
  display:flex;
  gap:10px;
  align-items:flex-start;
}

.lp-hero-stats > div:last-child{
  border-right:none;
}

.lp-hero-stats strong{
  font-size:1.02rem;
  font-family:Inter,system-ui,sans-serif;
  color:#f2f8ff;
  font-weight:800;
  letter-spacing:.01em;
}

.lp-hero-stats span{
  color:#9db6de;
  font-size:.84rem;
  line-height:1.45;
}

.hero-feature-icon{
  width:34px;
  height:34px;
  flex:0 0 34px;
  border-radius:10px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#ffd98b;
  font-weight:900;
  border:1px solid rgba(255,214,120,.34);
  background:linear-gradient(145deg, rgba(255,214,120,.16), rgba(14,30,54,.65));
  box-shadow:0 0 16px rgba(255,214,120,.22);
}

.hero-feature-copy{
  display:grid;
  gap:4px;
}

.lp-hero{
  display:grid;
  grid-template-columns:minmax(0, 1.12fr) minmax(0, .88fr);
  gap:20px;
  align-items:stretch;
}

.lp-copy{
  padding:32px;
}

.lp-title{
  font-family:Rajdhani, sans-serif;
  font-size:3.15rem;
  line-height:1.02;
  margin:18px 0 14px;
  letter-spacing:.01em;
}

.lp-lead{
  color:#d5e6ff;
  font-size:1.16rem;
  line-height:1.55;
  margin:0 0 14px;
}

.lp-subcopy{
  color:#a8bedf;
  line-height:1.75;
  max-width:64ch;
}

.lp-tags{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.lp-tags span{
  font-size:.82rem;
  color:#bdd7ff;
  border:1px solid rgba(99,153,235,.28);
  border-radius:999px;
  padding:8px 12px;
  background:rgba(18,35,64,.55);
}

/* removed old right-logo card in landing */

.divider-zone{
  display:flex;
  align-items:center;
  gap:12px;
  margin:6px 0 8px;
}

.divider-line{
  flex:1;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(108,154,227,.36), transparent);
}

.divider-label{
  color:#8fb4ea;
  font-size:.73rem;
  font-weight:800;
  letter-spacing:.12em;
}

.lp-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}

.lp-card,
.lp-cta{
  padding:26px;
}

.lp-card h3,
.lp-cta h3{
  margin:16px 0 10px;
  font-size:1.7rem;
  font-family:Rajdhani, sans-serif;
}

.lp-card p{
  color:#b7ccec;
  line-height:1.7;
}

.lp-feature-list{
  display:grid;
  gap:10px;
}

.lp-feature-item{
  border:1px solid rgba(89,124,183,.24);
  background:rgba(17,34,62,.48);
  border-radius:14px;
  padding:12px 14px;
  display:grid;
  gap:4px;
}

.lp-feature-item strong{
  color:#f0f6ff;
  font-size:1.03rem;
}

.lp-feature-item span{
  color:#acc1e4;
  line-height:1.5;
}

.lp-cta{
  grid-column:1 / -1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.ticker-global{
  margin:14px 0 18px;
  padding:12px 14px;
}

.ticker-title{
  font-size:.76rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#8fc1ff;
  font-weight:800;
  margin-bottom:10px;
}

.ticker-row{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:10px;
}

.ticker-item{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:2px 8px;
  align-items:center;
  padding:10px 11px;
  border-radius:12px;
  border:1px solid rgba(127,165,222,.22);
  background:rgba(10,24,45,.56);
}

.ticker-sym{
  grid-column:1;
  grid-row:1 / span 2;
  font-size:.95rem;
  font-weight:800;
  letter-spacing:.06em;
  color:#dff0ff;
}

.ticker-price{
  font-size:.96rem;
  font-weight:700;
  color:#f2f8ff;
}

.ticker-chg{
  font-size:.76rem;
  color:#9db7dc;
}

.ticker-item.up .ticker-chg{ color:#35d07f; }
.ticker-item.down .ticker-chg{ color:#ff7e7e; }
.ticker-item.flat .ticker-chg{ color:#9db7dc; }

.lp-block{
  padding:24px;
}

.lp-block-title{
  margin:12px 0 16px;
  font-size:2rem;
  font-family:Rajdhani, sans-serif;
}

.how-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
}

.how-card{
  border:1px solid rgba(125,163,222,.24);
  border-radius:16px;
  background:rgba(14,30,54,.52);
  padding:16px;
}

.how-step{
  color:#90c0ff;
  font-size:.72rem;
  letter-spacing:.11em;
  font-weight:800;
}

.how-card h4{
  margin:10px 0 8px;
  font-size:1.25rem;
}

.how-card p{
  color:#a9c2e5;
  line-height:1.62;
}

.market-grid{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:12px;
}

.market-card{
  border:1px solid rgba(125,163,222,.24);
  border-radius:14px;
  background:rgba(13,28,50,.56);
  padding:14px;
  display:grid;
  gap:10px;
}

.market-card strong{
  font-size:1.2rem;
  letter-spacing:.04em;
}

.market-state{
  width:max-content;
  border-radius:999px;
  padding:6px 10px;
  font-size:.75rem;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.market-state.active{ background:rgba(53,208,127,.12); color:#7ef0b2; border:1px solid rgba(53,208,127,.28); }
.market-state.beta{ background:rgba(49,147,255,.14); color:#89c2ff; border:1px solid rgba(49,147,255,.3); }
.market-state.dev{ background:rgba(240,193,93,.12); color:#ffd98b; border:1px solid rgba(240,193,93,.26); }

.trust-stats{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px;
  margin-bottom:12px;
}

.trust-stats > div{
  padding:14px;
  border-radius:12px;
  border:1px solid rgba(118,155,211,.2);
  background:rgba(12,25,46,.56);
  display:grid;
  gap:2px;
}

.trust-stats strong{
  font-size:1.45rem;
  font-family:Rajdhani, sans-serif;
}

.trust-stats span{
  font-size:.84rem;
  color:#9fb9dd;
}

.testi-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}

.testi-card{
  padding:14px;
  border-radius:14px;
  border:1px solid rgba(125,163,222,.22);
  background:rgba(12,25,46,.52);
}

.testi-head{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
}

.testi-head > div{
  display:grid;
}

.testi-head span{
  color:#8fadcf;
  font-size:.84rem;
}

.avatar{
  width:34px;
  height:34px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  color:#e3f1ff;
  background:linear-gradient(135deg, rgba(49,147,255,.42), rgba(16,53,99,.8));
}

.testi-card p{
  margin:0;
  color:#b7cceb;
  line-height:1.62;
}

.pricing-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
}

.price-card{
  border:1px solid rgba(123,162,220,.24);
  border-radius:16px;
  background:rgba(12,25,46,.56);
  padding:16px;
}

.price-card.featured{
  border-color:rgba(49,147,255,.5);
  box-shadow:0 0 0 1px rgba(49,147,255,.28) inset, 0 12px 34px rgba(49,147,255,.16);
}

.price-card h4{
  margin:0 0 6px;
  font-size:1.3rem;
}

.price-tag{
  font-size:2rem;
  font-family:Rajdhani, sans-serif;
  font-weight:700;
  margin-bottom:8px;
}

.price-tag span{
  font-size:1rem;
  color:#95afcf;
}

.price-card ul{
  margin:0;
  padding-left:18px;
  display:grid;
  gap:8px;
  color:#b2c8e8;
}

.faq-list{
  display:grid;
  gap:10px;
}

.faq-list details{
  border:1px solid rgba(122,160,217,.22);
  border-radius:12px;
  background:rgba(11,24,45,.54);
  padding:10px 12px;
}

.faq-list summary{
  cursor:pointer;
  font-weight:700;
}

.faq-list p{
  color:#a8c1e3;
  line-height:1.6;
  margin:10px 0 4px;
}

.landing-footer{
  padding:24px;
  display:grid;
  gap:18px;
}

.footer-newsletter h4{
  margin:0 0 6px;
  font-size:1.5rem;
}

.footer-newsletter p{
  margin:0 0 10px;
  color:#a8c1e3;
}

.newsletter-form{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.newsletter-form input{
  flex:1 1 260px;
  min-width:220px;
  border:1px solid rgba(126,163,219,.3);
  border-radius:12px;
  background:rgba(14,28,51,.8);
  color:#eef7ff;
  padding:12px 13px;
}

.footer-cols{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:16px;
}

.footer-cols h5{
  margin:0 0 8px;
  font-size:.94rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#8ebbf2;
}

.footer-cols a{
  display:block;
  color:#b1cae9;
  text-decoration:none;
  margin:0 0 7px;
}

.footer-cols a:hover{
  color:#dfeeff;
}

.footer-risk{
  padding-top:12px;
  border-top:1px solid rgba(126,163,219,.2);
  color:#86a5cd;
  font-size:.88rem;
  line-height:1.5;
}

/* =========================
   Login / Signup Visual Split
   ========================= */
.portal-layout{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0, .95fr) minmax(0, .9fr);
  gap:20px;
  align-items:stretch;
  margin-bottom:14px;
  min-height:560px;
}

.portal-left-bg{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:56%;
  border-radius:24px;
  overflow:hidden;
  pointer-events:none;
  z-index:0;
}

.portal-left-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(6,16,30,.34) 0%, rgba(6,16,30,.18) 46%, rgba(6,16,30,.72) 100%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(5,10,20,.44));
}

.portal-left-bg-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:left center;
  opacity:.82;
  filter:saturate(1.12) brightness(1.04) contrast(1.08);
}

.portal-visual{
  position:relative;
  z-index:1;
  padding:0;
  min-height:540px;
  border:none;
  border-radius:0;
  background:transparent;
  backdrop-filter:none;
}

.portal-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(5,14,28,.26) 0%, rgba(5,14,28,.12) 44%, rgba(5,14,28,.36) 100%);
  pointer-events:none;
}

.portal-visual-inner{
  position:relative;
  z-index:1;
  padding:28px 26px;
  min-height:100%;
  display:grid;
  align-content:start;
  gap:12px;
}

.portal-visual-inner h2{
  font-family:Rajdhani, sans-serif;
  font-size:3.1rem;
  line-height:.95;
  margin:8px 0 0;
}

.portal-visual-inner p{
  color:#c8dcf7;
  line-height:1.6;
  max-width:52ch;
}

.portal-visual-logo{
  width:170px;
  height:170px;
  object-fit:contain;
  margin:4px 0 10px;
  filter:drop-shadow(0 16px 24px rgba(8,16,36,.38));
  animation:portalLogoPulse 3.2s ease-in-out infinite;
}

@keyframes portalLogoPulse{
  0%,100%{ transform:translateY(0px) scale(1); }
  50%{ transform:translateY(-5px) scale(1.03); }
}

.portal-flow-row{
  display:grid;
  grid-template-columns:1fr 56px 66px;
  gap:8px;
  align-items:center;
  border:1px solid rgba(125,161,219,.24);
  border-radius:10px;
  background:rgba(8,19,35,.66);
  padding:8px 10px;
  color:#e6f0ff;
  font-size:.86rem;
}

.flow-sym{
  color:#9ec7ff;
  font-weight:800;
  letter-spacing:.03em;
}

.flow-label{
  color:#d3e4fb;
}

.portal-flow-stack{
  display:grid;
  gap:8px;
  width:min(360px, 100%);
  padding:10px;
  margin-top:0;
}

.flow-meter{
  position:relative;
  height:3px;
  border-radius:999px;
  background:rgba(151,176,219,.28);
  overflow:hidden;
}

.flow-meter::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  border-radius:999px;
  animation:flowPulse 1.35s ease-in-out infinite;
}

.flow-meter-high::after{
  width:64%;
  background:linear-gradient(90deg, rgba(255,87,109,.8), rgba(255,143,143,.98));
}

.flow-meter-live::after{
  width:52%;
  background:linear-gradient(90deg, rgba(4,209,139,.75), rgba(83,247,173,.98));
}

.flow-meter-scan::after{
  width:44%;
  background:linear-gradient(90deg, rgba(255,198,60,.74), rgba(255,231,140,.98));
}

.flow-badge{
  justify-self:end;
  min-width:62px;
  text-align:center;
  border-radius:9px;
  padding:4px 10px;
  font-size:.82rem;
  font-weight:800;
  border:1px solid transparent;
  animation:badgeBlink 1.25s ease-in-out infinite;
}

.flow-badge.high{
  color:#ffd8d8;
  border-color:rgba(255,109,129,.5);
  box-shadow:0 0 16px rgba(255,89,117,.3);
  background:rgba(104,25,40,.46);
}

.flow-badge.live{
  color:#9effd0;
  border-color:rgba(43,212,145,.5);
  box-shadow:0 0 16px rgba(38,211,142,.28);
  background:rgba(12,81,59,.42);
}

.flow-badge.scan{
  color:#ffe7aa;
  border-color:rgba(255,204,93,.5);
  box-shadow:0 0 16px rgba(255,191,44,.26);
  background:rgba(90,67,15,.44);
}

@keyframes badgeBlink{
  0%,100%{ opacity:.68; transform:translateZ(0); }
  50%{ opacity:1; }
}

@keyframes flowPulse{
  0%,100%{ filter:brightness(.82); opacity:.78; }
  50%{ filter:brightness(1.22); opacity:1; }
}

.portal-card-wrap{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  position:relative;
  z-index:1;
}

.portal-card{
  width:min(100%, 730px);
  border:1px solid rgba(99,153,235,.2);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(10,20,36,.84), rgba(7,15,28,.9));
  box-shadow:var(--shadow);
  padding:28px;
}

.portal-card h3{
  margin:0 0 6px;
  font-size:2rem;
  font-family:Rajdhani, sans-serif;
}

.portal-card p{
  color:#9fb4d8;
}

.auth-form{
  display:grid;
  gap:12px;
  margin-top:14px;
}

.auth-form label{
  display:grid;
  gap:6px;
}

.auth-form span{
  color:#c7d8f2;
  font-size:.9rem;
}

.auth-form input,
.auth-form select{
  width:100%;
  border:1px solid rgba(121,154,206,.34);
  border-radius:12px;
  background:rgba(14,25,44,.82);
  color:#f3f7ff;
  padding:12px 12px;
}

.full-btn{
  width:100%;
}

.payment-box{
  margin-top:14px;
  border:1px solid rgba(99,153,235,.24);
  border-radius:14px;
  background:rgba(20,38,70,.45);
  padding:12px;
}

.payment-title{
  font-weight:700;
  color:#d8e7ff;
  margin-bottom:6px;
}

.payment-copy{
  color:#a8bedf;
  line-height:1.5;
}

.flash-stack{
  display:grid;
  gap:10px;
  margin-bottom:16px;
}

.alert{
  padding:12px 14px;
  border-radius:14px;
  font-weight:600;
}

.alert.error{
  background:rgba(255,84,84,.12);
  border:1px solid rgba(255,84,84,.25);
  color:#ffb4b4;
}

.alert.success{
  background:rgba(29,226,140,.12);
  border:1px solid rgba(29,226,140,.25);
  color:#b7f9d7;
}

.demo-users,
.minor-links{
  margin-top:16px;
  color:var(--muted);
}

.minor-links a{
  color:#9fcbff;
  text-decoration:none;
}

.portal-card-wrap{
  position:relative;
}

.card-glass{
  border:1px solid var(--line);
  background:linear-gradient(180deg, rgba(10,20,36,.78), rgba(5,12,22,.86));
  box-shadow:var(--shadow);
  backdrop-filter:blur(14px);
  border-radius:24px;
}

/* =========================
   Home UX (User/Admin)
   ========================= */
.home-v2-wrap{
  display:grid;
  gap:14px;
}

.home-v2-brief{
  padding:14px 16px;
  border-radius:12px;
}

.home-v2-brief-chip{
  display:inline-flex;
  font-size:10px;
  letter-spacing:.12em;
  font-weight:800;
  color:#6fb0ff;
  border:1px solid rgba(102,164,255,.3);
  border-radius:999px;
  padding:5px 10px;
  margin-bottom:8px;
}

.home-v2-brief p{
  color:#b8cae6;
  font-size:13px;
  line-height:1.6;
}

.home-v2-hero{
  padding:16px;
  border-radius:12px;
}

.home-v2-search-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.home-v2-search-row input{
  flex:1;
  min-width:260px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.1);
  border-radius:10px;
  padding:10px 12px;
  color:#e8f1ff;
  font-size:13px;
}

.home-v2-recents{
  margin-top:12px;
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  font-size:12px;
  color:#8ea8cf;
}

.home-v2-tag{
  border:1px solid rgba(105,146,206,.35);
  border-radius:8px;
  background:rgba(31,57,96,.34);
  color:#cfe2ff;
  padding:4px 10px;
  font-weight:700;
}

.home-v2-stats{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
}

.home-v2-stat{
  padding:14px 16px;
  border-radius:12px;
}

.home-v2-stat-label{
  font-size:10px;
  letter-spacing:.1em;
  color:#91a8cb;
  font-weight:700;
}

.home-v2-stat-value{
  font-size:30px;
  line-height:1.1;
  font-weight:800;
  margin-top:6px;
}

.home-v2-stat-sub{
  margin-top:4px;
  font-size:12px;
  color:#8ca2c3;
}

.home-v2-grid-3{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}

.home-v2-grid-2{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.home-v2-card{
  border-radius:12px;
  padding:14px;
}

.home-v2-card-hd{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
}

.home-v2-title{
  font-size:11px;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#9bb3d6;
  font-weight:800;
}

.home-v2-link{
  font-size:11px;
  color:#5ca7ff;
  font-weight:700;
}

.home-v2-rows{
  display:grid;
  gap:8px;
}

.home-v2-rows > div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 0;
  border-bottom:1px solid rgba(255,255,255,.05);
}

.home-v2-rows > div:last-child{
  border-bottom:none;
}

.home-v2-rows b{
  font-size:12px;
}

.home-v2-rows span{
  font-size:12px;
  color:#9eb4d6;
}

.home-v2-list{
  margin:0;
  padding:0 0 0 16px;
  display:grid;
  gap:8px;
}

.home-v2-list li{
  color:#bdd0ea;
  font-size:13px;
  line-height:1.45;
}

/* =========================
   Home UX (like provided mock)
   ========================= */
.homeux-app{
  display:grid;
  gap:14px;
  padding:2px;
}

.homeux-brief{
  border-radius:12px;
  padding:12px 14px;
  display:flex;
  gap:10px;
  align-items:flex-start;
}

.homeux-brief-icon{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  font-size:11px;
  font-weight:800;
  color:#6fb0ff;
  background:rgba(74,143,255,.14);
  border:1px solid rgba(74,143,255,.35);
}

.homeux-brief-kicker{
  font-size:10px;
  letter-spacing:.12em;
  font-weight:800;
  color:#78b7ff;
  margin-bottom:4px;
}

.homeux-brief-text{
  font-size:12.5px;
  line-height:1.6;
  color:#b5c9e8;
}

.homeux-hero{
  border-radius:12px;
  padding:14px;
  display:grid;
  gap:10px;
}

.homeux-hero-search{
  position:relative;
}

.homeux-search-icon{
  position:absolute;
  left:10px;
  top:50%;
  transform:translateY(-50%);
  color:rgba(255,255,255,.4);
  font-size:13px;
}

.homeux-hero-search input{
  width:100%;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.11);
  border-radius:10px;
  padding:10px 12px 10px 30px;
  font-size:13px;
  color:#eff5ff;
}

.homeux-recents{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  font-size:12px;
  color:#8da7cc;
}

.homeux-tag{
  border:1px solid rgba(115,159,224,.3);
  border-radius:7px;
  background:rgba(74,143,255,.12);
  color:#d0e4ff;
  font-size:11px;
  padding:4px 9px;
  font-weight:700;
}

.homeux-view-toggle{
  display:flex;
  gap:6px;
  align-items:center;
}

.homeux-vt{
  border:1px solid rgba(255,255,255,.15);
  background:rgba(255,255,255,.06);
  color:#b8c9e3;
  border-radius:7px;
  padding:5px 12px;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}

.homeux-vt.active{
  background:#4a8fff;
  border-color:#4a8fff;
  color:#fff;
}

.homeux-view{
  display:none;
  gap:12px;
}

.homeux-view.is-active{
  display:grid;
}

.homeux-grid-3{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}

.homeux-grid-2{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.homeux-card{
  border-radius:12px;
  padding:14px;
}

.homeux-card-hd{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:10px;
}

.homeux-title{
  font-size:10px;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-weight:800;
  color:#8ea9cc;
}

.homeux-link{
  font-size:11px;
  color:#59a5ff;
  font-weight:700;
}

.homeux-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:8px 0;
  border-bottom:1px solid rgba(255,255,255,.05);
}

.homeux-row:last-child{
  border-bottom:none;
}

.homeux-row b{
  font-size:12px;
  color:#fff;
}

.homeux-row span{
  font-size:12px;
  color:#a3badb;
}

.homeux-list{
  margin:0;
  padding:0 0 0 16px;
  display:grid;
  gap:8px;
}

.homeux-list li{
  font-size:12px;
  color:#b8cbe8;
  line-height:1.45;
}

.homeux-bias{
  display:inline-flex;
  border-radius:7px;
  border:1px solid rgba(40,210,120,.35);
  background:rgba(40,210,120,.12);
  color:#28d278;
  font-size:11px;
  font-weight:800;
  padding:4px 10px;
  margin-bottom:8px;
}

.homeux-stat-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
}

.homeux-stat{
  border-radius:12px;
  padding:14px;
}

.homeux-stat-lbl{
  font-size:10px;
  letter-spacing:.1em;
  color:#8da6c9;
  font-weight:700;
}

.homeux-stat-val{
  font-size:28px;
  line-height:1.1;
  margin-top:6px;
  font-weight:800;
}

.homeux-stat-sub{
  margin-top:4px;
  font-size:11px;
  color:#8ca4c6;
}

.homeux-admin-search{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:10px;
}

.homeux-admin-search input{
  flex:1;
  min-width:230px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.11);
  border-radius:8px;
  padding:9px 11px;
  font-size:12px;
  color:#eaf3ff;
}

.dashboard-grid,
.analyzer-layout{
  display:grid;
  gap:18px;
}

.dashboard-hero,
.analyzer-hero{
  padding:26px 28px;
}

.dashboard-hero h1,
.analyzer-hero h1{
  margin:16px 0 10px;
  font-size:2.5rem;
}

.dashboard-lead{
  color:#dce9ff;
  line-height:1.8;
  max-width:850px;
}

.muted-copy{
  color:var(--muted);
  line-height:1.6;
}

.dashboard-panels{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}

.mini-cards{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px;
}

.mini-card{
  padding:18px 20px;
  min-height:120px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.mini-card .kicker{
  font-size:.76rem;
  letter-spacing:.08em;
  color:#90a8d2;
  text-transform:uppercase;
  font-weight:700;
}

.mini-card .value{
  margin-top:6px;
  font-size:2rem;
  font-weight:800;
  color:#f2f7ff;
}

.workspace-panels{
  grid-template-columns:1fr;
}

.app-container{
  width:100%;
  display:flex;
  justify-content:center;
}

.workspace-root{
  width:100%;
  max-width:1560px;
  padding:0 10px;
}

.dashboard-hero{
  margin-bottom:18px;
}

.dashboard-panels{
  margin-top:10px;
}

.panel-large{
  padding:28px;
}

.full-span{
  grid-column:1 / -1;
}

.metric-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.metric-label{
  color:#7ea8dc;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
  margin-bottom:10px;
}

.metric-value{
  font-size:2rem;
  font-weight:800;
}

.metric-value.big{
  font-size:2.2rem;
}

.signal-long{color:#29d17d}
.signal-short{color:#ff6b6b}
.signal-none{color:#d7e3f7}

.old-metric-grid{
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:14px;
}

.metric{
  min-height:94px;
  padding:16px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:16px;
  background:rgba(255,255,255,.03);
}

.analysis-layout-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.7fr) minmax(420px, .95fr);
  gap:20px;
  align-items:start;
}

.analysis-layout-grid.full-left{
  grid-template-columns:1fr;
}

.analysis-left,
.analysis-right{
  display:grid;
  gap:20px;
}

.analysis-right{
  align-content:start;
}

.analysis-right.is-collapsed{
  display:none;
}

.analysis-left.split-half,
.analysis-right.split-half{
  min-width:0;
}

.panel{
  border:1px solid rgba(99,153,235,.16);
  background:linear-gradient(180deg, rgba(9,20,36,.84), rgba(6,14,25,.92));
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 16px 40px rgba(0,0,0,.28);
}

.inner-panel{
  padding:0;
}

.panel-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:14px 18px;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.02);
  font-weight:700;
}

.panel-body{
  padding:18px;
}

.chart-panel .panel-body{
  padding:0;
}

.real-chart-wrap{
  display:flex;
  flex-direction:column;
  min-height:640px;
}

.chart-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.02);
  flex-wrap:wrap;
}

.chart-toolbar-left,
.chart-toolbar-right{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.tf-btn,
.tool-btn{
  padding:10px 14px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:var(--white);
  cursor:pointer;
  font-weight:700;
  transition:.2s ease;
}

.tf-btn:hover,
.tool-btn:hover{
  border-color:rgba(49,147,255,.35);
  background:rgba(49,147,255,.10);
}

.tf-btn.active{
  background:rgba(49,147,255,.18);
  border-color:rgba(49,147,255,.38);
  color:#fff;
}

.main-chart-meta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  padding:12px 16px;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.015);
}

.meta-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  color:#dce9ff;
  font-size:.9rem;
}

.workspace-root .market-header-meta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:10px 0 4px;
}

.contract-subtitle{
  margin-top:4px;
  color:#93b7e9;
  font-size:1rem;
  font-weight:600;
}

.market-notice-strip{
  padding:16px 18px;
}

.market-notice-title{
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#f0c15d;
  font-weight:800;
  margin-bottom:6px;
}

.market-notice-copy{
  color:#dce9ff;
  line-height:1.55;
}

.vix-strip{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 18px;
  border-radius:18px;
  border:1px solid rgba(99,153,235,.16);
  background:linear-gradient(180deg, rgba(10,20,36,.78), rgba(5,12,22,.86));
  box-shadow:var(--shadow);
}

.vix-left{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}

.vix-box{
  display:grid;
  gap:4px;
  padding:10px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  min-width:120px;
}

.vix-title{
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#7ea8dc;
  font-weight:800;
}

.vix-value{
  font-size:1.35rem;
  font-weight:900;
  color:var(--white);
}

.vix-change{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border-radius:999px;
  font-weight:800;
  border:1px solid rgba(255,255,255,.08);
  font-size:.9rem;
  width:max-content;
}

.vix-change.up{
  color:#ff6b6b;
  background:rgba(255,107,107,.10);
}

.vix-change.down{
  color:#35d07f;
  background:rgba(53,208,127,.10);
}

.vix-note{
  color:var(--muted);
  font-size:.95rem;
}

.main-live-chart,
.mini-chart-box{
  position:relative;
  overflow:hidden;
  background:#07111d;
}

.main-live-chart > div,
.mini-chart-box > div{
  width:100% !important;
  height:100% !important;
}

.main-live-chart canvas,
.mini-chart-box canvas{
  display:block;
}

#mainChart{
  width:100%;
  height:680px;
}

#miniChartSelected,
#miniChartSecond,
#miniChartThird{
  width:100%;
  height:180px;
}

.alert-banner{
  width:100%;
  padding:14px 16px;
  border-radius:14px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  margin-bottom:16px;
  font-weight:800;
}

.signal-list{
  display:grid;
  gap:12px;
  margin-bottom:18px;
}

.signal-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.03);
}

.check{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;
  height:26px;
  border-radius:999px;
  font-weight:900;
  background:rgba(255,255,255,.06);
}

.decision-banner{
  width:100%;
  padding:14px 16px;
  border-radius:14px;
  text-align:center;
  font-weight:900;
  letter-spacing:.04em;
  border:1px solid rgba(255,255,255,.08);
}

.status-good{color:#35d07f}
.status-bad{color:#ff6b6b}
.status-warn{color:#f0c15d}

.mtf-header-actions{
  display:flex;
  align-items:center;
  gap:10px;
}

.mtf-switch{
  position:relative;
  display:inline-flex;
  width:46px;
  height:26px;
}

.mtf-switch input{
  opacity:0;
  width:0;
  height:0;
}

.mtf-switch-slider{
  position:absolute;
  inset:0;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.10);
  transition:.2s ease;
  cursor:pointer;
}

.mtf-switch-slider::before{
  content:"";
  position:absolute;
  width:18px;
  height:18px;
  left:4px;
  top:3px;
  border-radius:999px;
  background:#fff;
  transition:.2s ease;
}

.mtf-switch input:checked + .mtf-switch-slider{
  background:rgba(49,147,255,.30);
  border-color:rgba(49,147,255,.40);
}

.mtf-switch input:checked + .mtf-switch-slider::before{
  transform:translateX(19px);
}

.mtf-controls-top{
  display:grid;
  gap:14px;
  margin-bottom:14px;
}

.mtf-toolbar{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.mtf-btn{
  padding:8px 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:var(--white);
  cursor:pointer;
  font-weight:700;
}

.mtf-btn.active{
  background:rgba(49,147,255,.18);
  border-color:rgba(49,147,255,.38);
}

.mtf-visual-controls{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.mtf-select-wrap{
  display:grid;
  gap:6px;
}

.mtf-select-wrap label{
  font-size:.78rem;
  color:#7ea8dc;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.mtf-select{
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:var(--white);
  font-weight:700;
  outline:none;
}

.mtf-select option{
  color:#111;
}

#mtfPanelBody.is-disabled{
  opacity:.45;
  pointer-events:none;
  filter:saturate(.7);
}

.mini-charts-stack{
  display:grid;
  gap:14px;
}

.mini-chart-card{
  border:1px solid rgba(255,255,255,.07);
  border-radius:18px;
  overflow:hidden;
  background:rgba(255,255,255,.03);
  transition:.22s ease;
}

.mini-chart-card.is-hidden{
  display:none;
}

.mini-chart-card.is-expanded{
  box-shadow:0 0 0 1px rgba(49,147,255,.30) inset;
}

.mini-chart-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:12px 14px;
  font-weight:800;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.02);
}

.mini-chart-toolbar{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  padding:10px 12px;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.02);
}

#mainRangeSelect{
  min-width:72px;
  padding-right:22px;
}

.mini-tool-btn{
  font-size:12px;
  padding:6px 10px;
}

.mini-chart-toolbar .mini-tool-btn[data-mini-tool="fit"]{
  margin-left:auto;
}

.mini-tf-btn{
  padding:6px 10px;
  border-radius:9px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.04);
  color:var(--white);
  cursor:pointer;
  font-weight:700;
  font-size:.82rem;
}

.mini-tf-btn.active{
  background:rgba(49,147,255,.18);
  border-color:rgba(49,147,255,.38);
}

.mini-bias{
  font-size:.8rem;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
}

.mini-bias.bullish{
  color:#35d07f;
  background:rgba(53,208,127,.08);
}

.mini-bias.bearish{
  color:#ff6b6b;
  background:rgba(255,107,107,.08);
}

.mini-bias.neutral{
  color:#f0c15d;
  background:rgba(240,193,93,.08);
}

.mini-chart-card.is-expanded .mini-chart-box{
  height:420px;
}

.mini-chart-card:not(.is-expanded) .mini-chart-box{
  height:190px;
}

.mtf-summary-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin-top:14px;
}

.mtf-summary-card{
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.03);
}

.mtf-card-title{
  color:#7ea8dc;
  font-size:.82rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:8px;
}

.mtf-status{
  font-size:1.05rem;
  font-weight:800;
}

@media (min-width: 1201px){
  .sticky-mtf-panel{
    position:sticky;
    top:20px;
  }
}

@media (max-width: 1200px){
  .analysis-layout-grid{
    grid-template-columns:1fr;
  }

  #mainChart{
    height:560px;
  }

  .old-metric-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .mini-chart-card.is-expanded .mini-chart-box{
    height:320px;
  }
}

@media (max-width: 1100px){
  .lp-shell{
    padding:8px;
  }

  .lp-promo{
    grid-template-columns:1fr;
  }

  .lp-promo-gate-card{
    grid-template-columns:1fr;
    min-height:auto;
  }

  .promo-banner-card{
    min-height:min(74vh, 760px);
  }

  .lp-promo-gate-copy,
  .promo-copy-on-image{
    padding:22px 18px 24px;
    width:min(88%, 760px);
  }

  .lp-promo-gate-copy h2{
    font-size:2.25rem;
  }

  .portal-layout{
    grid-template-columns:1fr;
    min-height:auto;
  }

  .portal-visual{
    min-height:360px;
  }

  .portal-left-bg{
    display:none;
  }

  .lp-hero-wide{
    min-height:620px;
  }

  .lp-hero-stats{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .lp-hero,
  .lp-grid{
    grid-template-columns:1fr;
  }

  .ticker-row,
  .market-grid,
  .testi-grid,
  .pricing-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .how-grid,
  .trust-stats,
  .footer-cols{
    grid-template-columns:1fr 1fr;
  }

  .lp-cta{
    grid-column:auto;
    flex-direction:column;
    align-items:flex-start;
  }

  .dashboard-panels,
  .mini-cards,
  .metric-grid{
    grid-template-columns:1fr 1fr;
  }

  .home-v2-stats,
  .home-v2-grid-3{
    grid-template-columns:1fr 1fr;
  }

  .home-v2-grid-2{
    grid-template-columns:1fr;
  }

  .homeux-grid-3,
  .homeux-stat-grid{
    grid-template-columns:1fr 1fr;
  }

  .homeux-grid-2{
    grid-template-columns:1fr;
  }
}

@media (max-width: 760px){
  .page-wrap{
    width:min(100% - 24px, 1380px);
  }

  .app-shell .page-wrap{
    width:min(100% - 12px, 1720px);
  }

  .topbar{
    flex-direction:column;
    align-items:flex-start;
  }

  .landing-brand .brand-logo{
    width:86px;
    height:86px;
  }

  .landing-brand .brand-text{
    font-size:2.3rem;
  }

  .landing-brand .brand-sub{
    font-size:1rem;
  }

  .dashboard-hero h1,
  .analyzer-hero h1{
    font-size:2rem;
  }

  .lp-copy,
  .lp-card,
  .lp-cta{
    padding:20px;
  }

  .lp-promo{
    padding:14px;
  }

  .lp-promo-gate{
    padding:10px;
  }

  .lp-promo-gate-card{
    border-radius:20px;
  }

  .promo-banner-card{
    min-height:min(80vh, 760px);
  }

  .lp-promo-gate-close{
    top:10px;
    right:10px;
    width:34px;
    height:34px;
    font-size:22px;
  }

  .lp-promo-gate-copy h2{
    font-size:1.9rem;
  }

  .lp-promo-gate-copy p{
    font-size:1rem;
  }

  .promo-copy-on-image{
    width:100%;
    max-width:none;
    padding:70px 14px 18px;
  }

  .lp-promo-bg{
    background-position:66% center;
  }

  .lp-promo-bg::after{
    background:
      linear-gradient(180deg, rgba(4,13,25,.82) 0%, rgba(5,16,31,.78) 44%, rgba(7,18,33,.72) 100%),
      radial-gradient(circle at 30% 20%, rgba(62,150,221,.18), transparent 42%);
  }

  .lp-promo-copy h3{
    font-size:1.45rem;
  }

  .lp-title{
    font-size:2.2rem;
  }

  .lp-hero-overlay{
    padding:20px;
  }

  .lp-hero-wide{
    min-height:560px;
  }

  .lp-hero-overlay{
    padding:56px 20px 20px;
  }

  .lp-hero-stats{
    grid-template-columns:1fr;
  }

  .ticker-row,
  .how-grid,
  .market-grid,
  .trust-stats,
  .testi-grid,
  .pricing-grid,
  .footer-cols{
    grid-template-columns:1fr;
  }

  .lp-hero-stats > div{
    border-right:none;
    border-top:1px solid rgba(102,138,198,.2);
  }

  .portal-visual-inner{
    padding:18px;
  }

  .portal-visual-inner h2{
    font-size:2.2rem;
  }

  .portal-card{
    padding:20px;
    width:100%;
  }

  .portal-flow-stack{
    width:100%;
  }

  .dashboard-panels,
  .mini-cards,
  .metric-grid,
  .old-metric-grid{
    grid-template-columns:1fr;
  }

  .home-v2-stats,
  .home-v2-grid-3{
    grid-template-columns:1fr;
  }

  .homeux-grid-3,
  .homeux-grid-2,
  .homeux-stat-grid{
    grid-template-columns:1fr;
  }

  .vix-strip{
    flex-direction:column;
    align-items:flex-start;
  }

  #mainChart{
    height:430px;
  }

  #miniChartSelected,
  #miniChartSecond,
  #miniChartThird{
    height:160px;
  }

  .mini-chart-card.is-expanded .mini-chart-box{
    height:240px;
  }

  .mini-chart-card:not(.is-expanded) .mini-chart-box{
    height:160px;
  }

  .panel-header{
    padding:12px 14px;
  }

  .panel-body{
    padding:14px;
  }

  .chart-toolbar{
    padding:12px;
  }

  .tf-btn,
  .tool-btn{
    padding:8px 12px;
    font-size:.9rem;
  }
}

/* =========================
   FIXES: MTF TOGGLE / EXPAND / FULLSCREEN
   ========================= */

.mtf-shell{
  overflow:visible;
}

.mtf-top-header{
  position:sticky;
  top:0;
  z-index:5;
}

#mtfPanelBody.is-hidden-by-toggle{
  display:none;
}

.analysis-right.mtf-compact{
  display:block !important;
}

.analysis-layout-grid.full-left{
  grid-template-columns:1fr;
}

.analysis-left.full-span-left{
  width:100%;
}

.analysis-left.split-half,
.analysis-right.split-half{
  width:100%;
}

.analysis-layout-grid:not(.full-left){
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
}

.mini-chart-card.is-expanded{
  box-shadow:0 0 0 1px rgba(49,147,255,.30) inset;
}

.mini-chart-card.is-expanded .mini-chart-box{
  height:680px;
  min-height:680px;
}

.fullscreen-chart-wrap{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  background:#020812;
  padding:24px;
}

.fullscreen-chart-wrap .panel-body{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.fullscreen-chart-wrap #mainChart{
  width:min(96vw, 1800px) !important;
  height:calc(100vh - 140px) !important;
  margin:0 auto;
}

@media (max-width: 1200px){
  .analysis-layout-grid:not(.full-left){
    grid-template-columns:1fr;
  }

  .mini-chart-card.is-expanded .mini-chart-box{
    height:420px;
    min-height:420px;
  }
}

@media (max-width: 760px){
  .mini-chart-card.is-expanded .mini-chart-box{
    height:260px;
    min-height:260px;
  }
}

/* =========================
   CHART SIZE CONTROL (AJUSTA AQUÍ)
   ========================= */

:root{
  /* MAIN CHART */
  --main-chart-height-desktop: 680px;
  --main-chart-height-tablet: 560px;
  --main-chart-height-mobile: 430px;

  /* MINI CHART NORMAL */
  --mini-chart-height-desktop: 190px;
  --mini-chart-height-tablet: 180px;
  --mini-chart-height-mobile: 160px;

  /* MINI CHART EXPANDIDA */
  --mini-chart-expanded-height-desktop: 680px;
  --mini-chart-expanded-height-tablet: 420px;
  --mini-chart-expanded-height-mobile: 260px;
}
/* =========================
   CHART SIZE CONTROL (AJUSTA AQUÍ)
   ========================= */

:root{
  /* MAIN CHART */
  --main-chart-height-desktop: 680px;
  --main-chart-height-tablet: 560px;
  --main-chart-height-mobile: 430px;

  /* MINI CHART NORMAL */
  --mini-chart-height-desktop: 190px;
  --mini-chart-height-tablet: 180px;
  --mini-chart-height-mobile: 160px;

  /* MINI CHART EXPANDIDA */
  --mini-chart-expanded-height-desktop: 680px;
  --mini-chart-expanded-height-tablet: 420px;
  --mini-chart-expanded-height-mobile: 260px;
}
.hero-top-row{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  flex-wrap:wrap;
}

.analysis-layout-grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 10px minmax(0, 1fr);
  gap:0;
  align-items:start;
}

.analysis-layout-grid.full-left{
  grid-template-columns:1fr;
}

.analysis-left{
  min-width:0;
  padding-right:10px;
}

.analysis-right{
  min-width:0;
  padding-left:10px;
}

.layout-splitter{
  width:10px;
  min-height:100%;
  cursor:col-resize;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}

.layout-splitter::before{
  content:"";
  width:4px;
  height:120px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  transition:.2s ease;
}

.layout-splitter:hover::before{
  background:rgba(49,147,255,.45);
}

.analysis-layout-grid.full-left .layout-splitter,
.analysis-layout-grid.full-left .analysis-right{
  display:none;
}

.panel-size-control-box{
  margin-bottom:14px;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:rgba(255,255,255,.03);
}

.panel-size-title{
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#7ea8dc;
  font-weight:800;
  margin-bottom:10px;
}

.panel-size-row{
  display:grid;
  grid-template-columns:90px 1fr 80px;
  gap:10px;
  align-items:center;
  margin-bottom:10px;
}

.panel-size-row label{
  color:#dce9ff;
  font-size:.88rem;
  font-weight:700;
}

.panel-size-row input[type="range"]{
  width:100%;
}

.mtf-header-actions-inline{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:10px;
}

.multiframe-top-label{
  color:#7ea8dc;
  font-size:.82rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
}

#mtfPanelBody.is-hidden-by-toggle{
  display:none;
}

.mini-chart-card.is-hidden{
  display:none;
}

.fullscreen-chart-wrap{
  background:#020812;
  padding:10px 16px 24px;
}

.fullscreen-chart-wrap .panel-body{
  padding:8px 0 18px;
}

.fullscreen-chart-wrap #mainChart{
  width:min(96vw, 1800px) !important;
  height:calc(100vh - 80px) !important;
  margin:0 auto;
}

@media (max-width: 1200px){
  .analysis-layout-grid{
    grid-template-columns:1fr;
    gap:18px;
  }

  .layout-splitter{
    display:none;
  }

  .analysis-left,
  .analysis-right{
    padding:0;
  }
}



/* =========================
   V2 - TOP RIGHT CONTROL STACK
   ========================= */
.workspace-live-shell{
  position:relative;
}

.analysis-top-right-stack{
  position:absolute;
  top:28px;
  right:28px;
  width:min(420px, calc(100% - 56px));
  display:grid;
  gap:18px;
  z-index:16;
}

.workspace-live-shell > .section-chip,
.workspace-live-shell > h3,
.workspace-live-shell > .muted-copy{
  max-width:calc(100% - 460px);
}

.workspace-live-shell > h3{
  margin-top:14px;
  margin-bottom:10px;
}

.workspace-live-shell > .muted-copy{
  margin-bottom:18px;
}

.analysis-layout-grid{
  margin-top:10px;
}

.workspace-floating-toggle{
  position:static;
  justify-self:end;
  width:max-content;
}

.top-controls-panel{
  width:100%;
}

.top-controls-panel .panel-header{
  padding:14px 18px;
}

.analysis-layout-grid.mtf-off{
  grid-template-columns:minmax(0,1fr) !important;
}

.analysis-layout-grid.mtf-off .layout-splitter,
.analysis-layout-grid.mtf-off .analysis-right{
  display:none !important;
}

.analysis-layout-grid.mtf-off .analysis-left{
  width:100%;
  min-width:0;
  padding-right:0;
}

@media (max-width: 1200px){
  .analysis-top-right-stack{
    position:static;
    width:100%;
    margin-bottom:14px;
  }

  .workspace-live-shell > .section-chip,
  .workspace-live-shell > h3,
  .workspace-live-shell > .muted-copy{
    max-width:none;
  }

  .workspace-floating-toggle{
    justify-self:start;
  }

  .analysis-layout-grid{
    margin-top:0;
  }
}


/* =========================
   V3 - HERO ALIGNED CONTROL BAR
   ========================= */
.hero-flex{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
}

.hero-left{
  flex:1 1 auto;
  min-width:0;
}

.hero-right{
  flex:0 0 min(430px, 100%);
  width:min(430px, 100%);
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:12px;
  margin-top:18px;
}

.top-control-bar{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  padding:14px 18px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  min-height:58px;
}

.control-label{
  font-size:1rem;
  font-weight:800;
  color:#dce9ff;
  margin-right:auto;
}

.compact-top{
  width:100%;
  padding:16px 18px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg, rgba(9,20,36,.74), rgba(6,14,25,.88));
  box-shadow:0 16px 40px rgba(0,0,0,.22);
}

.compact-top .panel-size-title{
  margin-bottom:10px;
}

.compact-top .panel-size-row{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
}

.compact-top .panel-size-row + .panel-size-row{
  margin-top:10px;
}

.dashboard-hero.hero-flex{
  padding-bottom:18px;
}

.workspace-live-shell > .section-chip,
.workspace-live-shell > h3,
.workspace-live-shell > .muted-copy{
  max-width:none;
}

.analysis-layout-grid{
  margin-top:0;
}

@media (max-width: 1200px){
  .hero-flex{
    flex-direction:column;
  }

  .hero-right{
    width:100%;
    flex-basis:auto;
    margin-top:6px;
  }
}


@media (max-width: 900px){
  .app-shell .page-wrap{
    width:min(100%, calc(100% - 24px));
  }

  .workspace-root{
    padding:0;
  }
}


.app-container{width:100%;display:flex;justify-content:center;padding:0 6px;}
.workspace-root{width:100%;max-width:1960px;padding:0 6px;margin:0 auto;}
.workspace-tabs-row{margin-top:2px;}
.workspace-tabs{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:18px;}
.workspace-tab-btn{padding:12px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:var(--muted);font-weight:800;cursor:pointer;transition:.2s ease;}
.workspace-tab-btn.active{background:rgba(49,147,255,.16);border-color:rgba(49,147,255,.32);color:var(--white);box-shadow:0 10px 28px rgba(49,147,255,.16);}
.workspace-tab-panel{display:none;}
.workspace-tab-panel.active{display:block;}
.report-grid,.orderflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.report-summary{font-size:1.08rem;line-height:1.7;color:#dce9ff;margin-bottom:18px;}
.report-bullets{display:grid;gap:12px;}
.report-bullet,.report-bias-card,.orderflow-flag,.orderflow-log-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);}
.report-bullet span,.report-bias-card span,.orderflow-flag span{color:#7ea8dc;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;}
.report-bullet strong,.report-bias-card strong,.orderflow-flag strong{font-size:1rem;color:var(--white);}
.report-kpi-grid,.report-bias-grid,.orderflow-config-grid,.orderflow-flags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}
.report-notes{min-height:150px;padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);color:#dce9ff;line-height:1.7;}
.orderflow-alert-banner{padding:16px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);font-weight:800;margin-bottom:16px;}
.orderflow-alert-banner.good{background:rgba(53,208,127,.12);border-color:rgba(53,208,127,.24);color:#b7f9d7;}
.orderflow-alert-banner.warn{background:rgba(240,193,93,.10);border-color:rgba(240,193,93,.24);color:#ffd98b;}
.orderflow-log{display:grid;gap:12px;}
.orderflow-log-row strong{color:#9fcbff;white-space:nowrap;}
@media (max-width: 1180px){.report-grid,.orderflow-grid{grid-template-columns:1fr;}.report-kpi-grid,.report-bias-grid,.orderflow-config-grid,.orderflow-flags{grid-template-columns:1fr;}}
@media (max-width: 900px){.workspace-root{padding:0 8px;}.workspace-tabs{overflow:auto;}.workspace-tab-btn{white-space:nowrap;}}

/* SaaS role shells */
.saas-shell .page-wrap{width:min(1680px, calc(100% - 48px));}
.saas-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:10px 0;}
.saas-top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.saas-workspace{display:flex;align-items:center;gap:10px;min-width:240px;padding:8px 10px;border:1px solid rgba(96,147,224,.2);border-radius:10px;background:rgba(8,18,32,.72);}
.saas-workspace label{color:#9fb4d5;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;}
.saas-workspace select{flex:1;color:#eef6ff;background:#0b1728;border:1px solid rgba(100,156,239,.26);border-radius:8px;padding:8px 10px;font-weight:800;}
.role-preview-control{display:flex;align-items:center;gap:8px;min-height:36px;padding:6px 8px;border:1px solid rgba(96,147,224,.24);border-radius:10px;background:rgba(8,18,32,.78);}
.role-preview-control label{color:#9fb4d5;font-size:12px;font-weight:900;white-space:nowrap;}
.role-preview-control select{color:#eef6ff;background:#0b1728;border:1px solid rgba(100,156,239,.3);border-radius:8px;padding:7px 10px;font-weight:900;outline:none;}
.role-preview-control select:focus{border-color:rgba(75,157,255,.72);box-shadow:0 0 0 3px rgba(75,157,255,.12);}
.saas-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:18px;align-items:start;}
.saas-sidebar{position:sticky;top:18px;display:grid;gap:6px;padding:12px;border:1px solid rgba(98,151,231,.18);border-radius:12px;background:linear-gradient(180deg,rgba(9,20,36,.92),rgba(5,13,24,.9));box-shadow:0 18px 54px rgba(0,0,0,.34);}
.saas-sidebar a{display:flex;align-items:center;min-height:38px;padding:9px 11px;border:1px solid transparent;border-radius:8px;color:#a9bcda;text-decoration:none;font-size:13px;font-weight:800;}
.saas-sidebar a:hover,.saas-sidebar a.active{color:#f5f9ff;border-color:rgba(75,157,255,.42);background:rgba(40,115,224,.18);}
.saas-main{display:grid;gap:14px;min-width:0;}
.saas-hero,.saas-card{border:1px solid rgba(97,151,232,.18);border-radius:12px;background:linear-gradient(180deg,rgba(12,25,44,.9),rgba(7,16,29,.9));box-shadow:0 20px 70px rgba(0,0,0,.28);}
.saas-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px;}
.saas-hero h1{margin:4px 0 6px;font-size:28px;line-height:1.1;letter-spacing:0;}
.saas-hero p,.saas-card p{margin:0;color:#a9bbd8;line-height:1.55;}
.saas-eyebrow,.saas-card-label{color:#88a8d8;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;}
.saas-grid{display:grid;gap:12px;}
.saas-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));}
.saas-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));}
.saas-grid.four{grid-template-columns:repeat(4,minmax(0,1fr));}
.saas-grid.compact{margin-top:14px;}
.saas-card{padding:16px;min-width:0;}
.saas-card.is-warn{border-color:rgba(236,184,78,.36);background:linear-gradient(180deg,rgba(42,31,12,.82),rgba(14,20,28,.9));}
.saas-card-title{margin-bottom:10px;color:#f4f8ff;font-size:15px;font-weight:900;}
.saas-card-sub{margin-top:4px;color:#8fa4c7;font-size:12px;font-weight:700;}
.saas-stat-value{margin-top:8px;color:#f4f8ff;font-size:28px;font-weight:900;line-height:1;}
.saas-stat.is-good .saas-stat-value{color:#38e28f;}
.saas-stat.is-warn .saas-stat-value{color:#f1c15e;}
.saas-status-primary h2{margin:0 0 6px;font-size:32px;letter-spacing:0;}
.saas-status-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.saas-pill{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:6px 10px;border:1px solid rgba(120,160,220,.22);border-radius:999px;background:rgba(10,20,35,.86);color:#c4d6ef;font-size:12px;font-weight:900;white-space:nowrap;}
.saas-pill i{width:8px;height:8px;border-radius:999px;background:#8492a6;box-shadow:0 0 14px rgba(132,146,166,.7);}
.saas-pill.is-good i{background:#38e28f;box-shadow:0 0 14px rgba(56,226,143,.75);}
.saas-pill.is-warn i{background:#f1c15e;box-shadow:0 0 14px rgba(241,193,94,.75);}
.saas-pill.is-bad i{background:#ff6377;box-shadow:0 0 14px rgba(255,99,119,.75);}
.saas-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(116,158,223,.12);color:#afc0dc;}
.saas-row:last-child{border-bottom:0;}
.saas-row b{color:#f3f7ff;}
.saas-status-grid{display:grid;gap:2px;}
.saas-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;}

.welcome-onboarding-shell{margin:18px 0 26px;padding:24px;border:1px solid rgba(18,103,239,.18);border-radius:8px;background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);box-shadow:0 18px 50px rgba(7,27,58,.10);}
.welcome-onboarding-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;}
.welcome-onboarding-head h2{margin:4px 0 8px;font-size:24px;line-height:1.18;color:#061326;letter-spacing:0;}
.welcome-onboarding-head p{margin:0;max-width:760px;color:#52627a;}
.welcome-onboarding-score{min-width:128px;padding:14px 16px;border-radius:8px;background:#061326;color:#fff;text-align:center;}
.welcome-onboarding-score strong{display:block;font-size:30px;line-height:1;color:#58a4ff;}
.welcome-onboarding-score span{display:block;margin-top:5px;font-size:12px;color:#dbe7fb;}
.welcome-onboarding-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:18px;}
.welcome-bridge-row{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px;}
.welcome-next-card,.welcome-status-card{padding:18px;border:1px solid #d8e3f1;border-radius:8px;background:#fff;}
.welcome-next-card span,.welcome-status-card span{display:block;margin-bottom:6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1267ef;}
.welcome-next-card h3,.welcome-status-card h3{margin:0 0 8px;font-size:19px;color:#071b3a;letter-spacing:0;}
.welcome-next-card p,.welcome-status-card p{margin:0;color:#52627a;}
.welcome-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;}
.welcome-step{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;min-height:82px;padding:12px;border:1px solid #d8e3f1;border-radius:8px;background:#fff;}
.welcome-step-dot{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#dfe9f8;color:#1267ef;font-size:12px;font-weight:900;}
.welcome-step strong{display:block;color:#071b3a;font-size:13px;line-height:1.25;}
.welcome-step small{display:block;margin-top:4px;color:#64748b;font-size:11px;line-height:1.3;}
.welcome-step b{font-size:11px;color:#64748b;}
.welcome-step.is-complete{border-color:rgba(12,156,84,.25);background:#f7fefb;}
.welcome-step.is-complete .welcome-step-dot{background:#d9f6e6;color:#08733f;}
.welcome-step.is-complete b{color:#08733f;}
.welcome-step.is-pending:first-of-type b,.welcome-step.is-pending b{color:#1267ef;}
.welcome-onboarding-score small{display:block;margin-top:5px;color:#98b4dc;font-size:11px;}
.welcome-alert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:14px;}
.welcome-alert{display:grid;gap:5px;padding:12px;border:1px solid rgba(242,183,5,.32);border-radius:8px;background:#fff9e8;color:#5f4300;}
.welcome-alert strong{font-size:13px;color:#3d2a00;}
.welcome-alert span{font-size:12px;}
.welcome-alert a{font-size:12px;font-weight:900;color:#1267ef;text-decoration:none;}
.welcome-mini-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;}
.welcome-mini-matrix div{padding:10px;border:1px solid #e1e9f4;border-radius:8px;background:#f8fbff;}
.welcome-mini-matrix small{display:block;color:#64748b;font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.06em;}
.welcome-mini-matrix b{display:block;margin-top:3px;color:#071b3a;font-size:13px;line-height:1.25;}
.welcome-flow-rail{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:16px;}
.welcome-flow-rail div{position:relative;min-height:74px;padding:12px 10px;border:1px solid #d8e3f1;border-radius:8px;background:#fff;color:#64748b;}
.welcome-flow-rail span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#dfe9f8;color:#1267ef;font-size:11px;font-weight:900;}
.welcome-flow-rail b{display:block;margin-top:8px;color:#071b3a;font-size:12px;line-height:1.2;}
.welcome-flow-rail .is-complete{border-color:rgba(12,156,84,.28);background:#f7fefb;}
.welcome-flow-rail .is-complete span{background:#d9f6e6;color:#08733f;}
.welcome-flow-rail .is-current{border-color:rgba(18,103,239,.45);box-shadow:0 10px 24px rgba(18,103,239,.12);}
.welcome-lower-grid{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:12px;margin-top:16px;}
.welcome-panel{padding:16px;border:1px solid #d8e3f1;border-radius:8px;background:#fff;}
.welcome-panel h3{margin:0 0 12px;color:#071b3a;font-size:15px;letter-spacing:0;}
.welcome-action-list{display:flex;flex-wrap:wrap;gap:8px;}
.welcome-action-list a{display:inline-flex;align-items:center;min-height:34px;padding:8px 11px;border:1px solid rgba(18,103,239,.24);border-radius:8px;background:#f8fbff;color:#1267ef;text-decoration:none;font-size:12px;font-weight:900;}
.welcome-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;}
.welcome-plan-grid div{padding:10px;border:1px solid #e1e9f4;border-radius:8px;background:#f8fbff;}
.welcome-plan-grid span{display:block;color:#071b3a;font-size:12px;font-weight:800;}
.welcome-plan-grid b{display:block;margin-top:4px;color:#08733f;font-size:11px;}
.welcome-onboarding-shell.stage-download .welcome-next-card,.welcome-onboarding-shell.stage-validate .welcome-next-card,.welcome-onboarding-shell.stage-ready .welcome-next-card{border-color:rgba(18,103,239,.32);box-shadow:0 14px 32px rgba(18,103,239,.12);}

@media (max-width: 980px){
  .welcome-onboarding-head,.welcome-onboarding-grid{grid-template-columns:1fr;}
  .welcome-onboarding-score{text-align:left;}
  .welcome-step-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .welcome-flow-rail,.welcome-lower-grid{grid-template-columns:1fr;}
}
@media (max-width: 620px){
  .welcome-onboarding-shell{padding:16px;}
  .welcome-step-grid{grid-template-columns:1fr;}
}
.saas-chip{display:inline-flex;align-items:center;min-height:28px;padding:6px 10px;border:1px solid rgba(87,151,246,.24);border-radius:999px;background:rgba(34,88,164,.18);color:#cfe1fb;font-size:12px;font-weight:800;}
.saas-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;}
.saas-action-grid a{text-align:center;justify-content:center;}
.saas-mini-list{display:grid;gap:0;}
.live-module-card{padding:0;overflow:visible;}
.live-module-frame{display:block;width:100%;height:auto;min-height:calc(100vh - 120px);border:0;background:#07101d;}
.premium-main.workspace-main{
  padding:86px 0 0 0 !important;
  background:#04101d !important;
}
.premium-user-layout.is-collapsed .premium-main.workspace-main{
  padding-left:0 !important;
}
.workspace-main .live-module-card{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
  overflow:visible !important;
}
.workspace-main .live-module-frame{
  background:transparent !important;
}
.saas-empty{color:#91a5c7;font-size:13px;}
.saas-table-wrap{overflow:auto;}
.saas-table{width:100%;border-collapse:collapse;min-width:760px;}
.saas-table th,.saas-table td{padding:12px 10px;border-bottom:1px solid rgba(116,158,223,.13);text-align:left;font-size:13px;}
.saas-table th{color:#8fa9d2;font-size:11px;text-transform:uppercase;letter-spacing:.08em;}
.saas-table td{color:#e8f0ff;}
.saas-code-block{white-space:pre-wrap;word-break:break-word;max-height:360px;overflow:auto;padding:12px;border:1px solid rgba(116,158,223,.18);border-radius:8px;background:rgba(4,13,28,.72);color:#dbeafe;font-size:12px;line-height:1.5;}
.license-tabs-card{padding:10px;}
.license-tabbar{display:flex;gap:8px;flex-wrap:wrap;}
.license-tabbar button{min-height:36px;padding:8px 12px;border:1px solid rgba(100,156,239,.24);border-radius:8px;background:rgba(8,18,32,.78);color:#a9bcda;font-weight:900;cursor:pointer;}
.license-tabbar button.active,.license-tabbar button:hover{color:#f5f9ff;border-color:rgba(75,157,255,.54);background:rgba(40,115,224,.25);}
.license-panel{display:none;}
.license-panel.active{display:block;}
.license-approval-grid,.license-device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;}
.license-approval-card,.license-device-card{display:grid;gap:12px;padding:14px;border:1px solid rgba(116,158,223,.16);border-radius:8px;background:rgba(5,14,26,.54);}
.license-approval-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;}
.license-approval-head strong,.license-device-card strong{display:block;color:#f4f8ff;font-size:15px;}
.license-approval-head span,.license-device-card span{display:block;color:#9fb4d5;font-size:12px;margin-top:3px;}
.license-approval-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;}
.license-approval-card dl div{min-width:0;padding:8px;border:1px solid rgba(116,158,223,.11);border-radius:8px;background:rgba(4,12,23,.5);}
.license-approval-card dt{color:#88a8d8;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;}
.license-approval-card dd{margin:3px 0 0;color:#e8f0ff;font-size:13px;font-weight:800;word-break:break-word;}
.license-actions{display:flex;flex-wrap:wrap;gap:6px;min-width:240px;}
.license-actions .secondary-btn,.license-actions .primary-btn{min-height:32px;padding:7px 9px;border-radius:8px;font-size:12px;white-space:nowrap;}
.license-actions-compact{position:relative;flex-wrap:nowrap;align-items:center;min-width:104px;}
.license-action-menu-wrap{position:relative;}
.license-menu-toggle{min-width:40px;font-size:16px;letter-spacing:.08em;line-height:1;}
.license-action-menu{position:fixed;right:auto;top:auto;z-index:100;display:none;width:210px;padding:10px 0;border:1px solid rgba(75,157,255,.26);border-radius:8px;background:#112454;box-shadow:0 18px 44px rgba(0,0,0,.34);overflow:hidden;}
.license-action-menu-wrap.is-open .license-action-menu{display:block;}
.license-action-section{display:grid;gap:2px;padding:0 0 8px;margin:0 0 8px;border-bottom:1px solid rgba(143,169,210,.16);}
.license-action-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0;}
.license-action-heading{padding:0 14px 5px;color:#8fa9d2;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;text-align:right;}
.license-action-menu button{width:100%;min-height:34px;padding:8px 14px;border:0;background:transparent;color:#d8e7ff;font-size:12px;font-weight:800;text-align:left;cursor:pointer;}
.license-action-menu button:hover{background:rgba(40,115,224,.22);color:#f5f9ff;}
.license-action-section.is-danger button{color:#ff6b6b;}
.license-action-section.is-danger button:hover{background:rgba(255,77,77,.14);color:#ff9b9b;}
.license-table{min-width:1450px;}
.license-full-key{display:inline-block;min-width:210px;padding:9px 10px;border:1px solid rgba(75,157,255,.34);border-radius:8px;background:rgba(4,12,23,.78);color:#f5f9ff;font-size:13px;font-weight:900;letter-spacing:.03em;word-break:break-all;}
.license-full-key.is-missing{color:#aebfe0;border-color:rgba(241,193,94,.28);}
.license-key-note{margin-top:6px;color:#8fa4c7;font-size:11px;font-weight:800;line-height:1.35;max-width:260px;}
.admin-license-alerts .saas-row{align-items:center;}
.admin-license-alerts strong{color:#fff;}
.admin-pending-row{align-items:flex-start;}
.my-license-card{display:grid;gap:14px;}
.my-license-key{padding:16px;border:1px solid rgba(75,157,255,.34);border-radius:8px;background:rgba(4,12,23,.78);color:#f5f9ff;font-size:20px;font-weight:900;letter-spacing:.04em;word-break:break-word;}
.owner-command-table{min-width:980px;}
.owner-muted{color:#8fa4c7;font-size:12px;font-weight:700;}
.owner-user-row{cursor:pointer;}
.owner-user-detail{scroll-margin-top:calc(var(--app-topbar-h) + 18px);}
.owner-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0;border-bottom:1px solid rgba(116,158,223,.13);padding-bottom:10px;}
.owner-tabs button{min-height:34px;padding:7px 11px;border:1px solid rgba(100,156,239,.22);border-radius:8px;background:rgba(8,18,32,.74);color:#a9bcda;font-size:12px;font-weight:900;cursor:pointer;}
.owner-tabs button.active,.owner-tabs button:hover{color:#f5f9ff;border-color:rgba(75,157,255,.5);background:rgba(40,115,224,.22);}
.owner-tab-panel{display:none;}
.owner-tab-panel.active{display:block;}
.owner-system-health .saas-grid{gap:8px;}

/* =========================
   Owner Business Command Center
   ========================= */
.owner-command-center{display:grid;gap:18px;}
.owner-command-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:4px;}
.owner-command-eyebrow{display:inline-flex;margin-bottom:8px;color:#91a8c8;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;}
.owner-command-hero h1{margin:0;font-size:34px;letter-spacing:-.04em;color:#f7fbff;}
.owner-command-hero p{margin:7px 0 0;color:#aebed6;font-size:15px;}
.owner-command-status{display:flex;align-items:center;gap:18px;color:#aebed6;font-size:13px;white-space:nowrap;}
.owner-command-status b{display:inline-flex;align-items:center;gap:8px;color:#f4f8ff;}
.owner-command-status i{width:9px;height:9px;border-radius:50%;background:#22e58e;box-shadow:0 0 16px rgba(34,229,142,.65);}
.owner-command-status b.is-warn i{background:#ffba42;box-shadow:0 0 16px rgba(255,186,66,.65);}
.owner-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;}
.owner-kpi-card,.owner-command-card,.owner-quick-card{border:1px solid rgba(90,135,202,.22);background:linear-gradient(145deg,rgba(8,20,38,.86),rgba(3,11,22,.92));box-shadow:0 22px 62px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(14px);}
.owner-kpi-card{position:relative;overflow:hidden;min-height:170px;border-radius:18px;padding:18px;text-decoration:none;color:#f7fbff;display:grid;align-content:start;gap:8px;}
.owner-kpi-card:before{content:"";position:absolute;inset:auto -30px -46px 22px;height:86px;background:linear-gradient(135deg,rgba(37,226,127,.24),transparent 70%);clip-path:polygon(0 78%,12% 62%,25% 68%,38% 40%,52% 52%,66% 24%,82% 38%,100% 12%,100% 100%,0 100%);opacity:.85;}
.owner-kpi-card.is-purple:before{background:linear-gradient(135deg,rgba(154,75,255,.32),transparent 70%);}
.owner-kpi-card.is-blue:before{background:linear-gradient(135deg,rgba(45,141,255,.32),transparent 70%);}
.owner-kpi-card.is-amber:before{background:linear-gradient(135deg,rgba(255,178,43,.24),transparent 70%);}
.owner-kpi-card.is-health:before{background:linear-gradient(135deg,rgba(34,229,142,.24),transparent 70%);}
.owner-kpi-card:hover,.owner-quick-grid a:hover,.owner-action-list a:hover,.owner-health-item:hover,.owner-activity-list a:hover{transform:translateY(-1px);border-color:rgba(69,150,255,.42);}
.owner-kpi-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:rgba(34,229,142,.18);color:#45f59b;font-weight:950;font-size:23px;box-shadow:0 0 28px rgba(34,229,142,.18);}
.owner-kpi-icon img{width:42px;height:42px;object-fit:contain;display:block;filter:drop-shadow(0 10px 18px rgba(0,0,0,.38));}
.owner-kpi-card.is-purple .owner-kpi-icon{background:rgba(154,75,255,.18);color:#a765ff;}
.owner-kpi-card.is-blue .owner-kpi-icon{background:rgba(45,141,255,.18);color:#5fa8ff;}
.owner-kpi-card.is-amber .owner-kpi-icon{background:rgba(255,178,43,.16);color:#ffc14a;}
.owner-kpi-card.is-health .owner-kpi-icon{background:rgba(34,229,142,.18);color:#45f59b;}
.owner-kpi-card small{color:#dbe7f7;font-weight:900;font-size:13px;}
.owner-kpi-card strong{font-size:29px;letter-spacing:-.04em;line-height:1.05;}
.owner-kpi-card em{position:relative;z-index:1;color:#aebed6;font-style:normal;font-size:13px;margin-top:auto;}
.owner-command-grid{display:grid;grid-template-columns:1.02fr 1fr 1fr;gap:14px;}
.owner-command-card,.owner-quick-card{border-radius:18px;padding:18px;}
.owner-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px;}
.owner-card-head h2{margin:0;color:#f7fbff;font-size:18px;letter-spacing:-.02em;}
.owner-card-head p{margin:4px 0 0;color:#8fa4c2;font-size:13px;}
.owner-card-head a{color:#ffc247;text-decoration:none;font-weight:900;font-size:13px;white-space:nowrap;}
.owner-action-list,.owner-activity-list{display:grid;gap:9px;}
.owner-action-list a,.owner-activity-list a{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;min-height:58px;padding:10px 12px;border:1px solid rgba(99,143,207,.16);border-radius:12px;background:rgba(6,17,32,.72);text-decoration:none;color:#edf5ff;transition:.18s ease;}
.owner-action-list span,.owner-activity-list span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,184,61,.14);}
.owner-action-list span.is-blue,.owner-activity-list span.is-blue{background:rgba(45,141,255,.16);}
.owner-action-list span.is-red,.owner-activity-list span.is-red{background:rgba(255,71,105,.14);}
.owner-action-list span.is-purple,.owner-activity-list span.is-purple{background:rgba(154,75,255,.16);}
.owner-action-list span.is-health,.owner-activity-list span.is-health{background:rgba(34,229,142,.14);}
.owner-action-list b,.owner-activity-list b{display:block;font-size:13px;color:#f4f8ff;}
.owner-action-list small,.owner-activity-list small{display:block;color:#8fa4c2;font-size:12px;margin-top:2px;}
.owner-action-list strong{color:#f7fbff;font-size:18px;}
.owner-command-primary{min-height:40px;margin-top:12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,188,60,.34);border-radius:11px;background:rgba(255,188,60,.08);color:#ffc247;text-decoration:none;font-weight:950;}
.owner-health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.owner-health-item{min-height:62px;padding:12px;border:1px solid rgba(99,143,207,.16);border-radius:12px;background:rgba(6,17,32,.72);display:grid;gap:5px;text-decoration:none;transition:.18s ease;}
.owner-health-item span{color:#dce8fb;font-weight:900;font-size:13px;}
.owner-health-item b{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#27e691;}
.owner-health-item b.is-warn{color:#ffbf4d;}
.owner-health-item b.is-bad{color:#ff6f8e;}
.owner-health-item i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 13px currentColor;}
.owner-empty-state{padding:16px;border:1px dashed rgba(99,143,207,.22);border-radius:12px;color:#91a8c8;text-align:center;}
.owner-quick-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;}
.owner-quick-grid a{min-height:96px;border:1px solid rgba(99,143,207,.16);border-radius:13px;background:rgba(6,17,32,.72);display:grid;align-content:center;justify-items:center;gap:6px;text-align:center;text-decoration:none;color:#f4f8ff;transition:.18s ease;}
.owner-quick-grid span{font-size:24px;}
.owner-quick-grid b{font-size:13px;}
.owner-quick-grid small{color:#8fa4c2;font-size:12px;}
.premium-sidebar .nav-section-block{border-bottom:1px solid rgba(91,144,220,.08);padding-bottom:8px;margin-bottom:8px;}
.premium-sidebar .nav-group-toggle{letter-spacing:.08em;color:#7f95b6;}
.premium-sidebar .nav-section-items a{transition:background .18s ease,border-color .18s ease,transform .18s ease;}
.premium-sidebar .nav-section-items a:hover{transform:translateX(2px);}
@media (max-width:1320px){
  .owner-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .owner-command-grid{grid-template-columns:1fr;}
  .owner-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:760px){
  .owner-command-hero{align-items:flex-start;flex-direction:column;}
  .owner-command-status{align-items:flex-start;flex-direction:column;gap:8px;white-space:normal;}
  .owner-kpi-grid,.owner-health-grid,.owner-quick-grid{grid-template-columns:1fr;}
  .owner-card-head{align-items:flex-start;flex-direction:column;}
}

.premium-sidebar .nav-section-block{display:grid;gap:2px;margin-bottom:4px;}
.premium-sidebar .nav-group-toggle,
.premium-sidebar button.nav-group{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  width:calc(100% - 16px);
  margin:12px 8px 4px;
  padding:6px 4px;
  border:0;
  background:transparent;
  color:#8fa9d2;
  font-size:11px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.08em;
  cursor:pointer;
  text-align:left;
}
.premium-sidebar .nav-group-toggle:hover{color:#d8e7ff;}
.premium-sidebar .nav-chevron{font-size:14px;line-height:1;transition:transform .16s ease;color:#9fbaf0;}
.premium-sidebar .nav-section-block.is-open .nav-chevron{transform:rotate(180deg);}
.premium-sidebar .nav-section-items{display:none;gap:2px;}
.premium-sidebar .nav-section-block.is-open .nav-section-items{display:grid;}
.premium-user-layout.is-collapsed .premium-sidebar .nav-section-items{display:grid;}
.premium-user-layout.is-collapsed .premium-sidebar .nav-group-toggle{display:none!important;}
@media (max-width:1050px){.saas-layout{grid-template-columns:1fr;}.saas-sidebar{position:relative;top:auto;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));}.saas-grid.four,.saas-grid.three,.saas-grid.two{grid-template-columns:1fr;}}
@media (max-width:720px){.saas-shell .page-wrap{width:min(100% - 20px,1680px);}.saas-topbar,.saas-hero,.saas-status-head{align-items:stretch;flex-direction:column;}.saas-workspace{width:100%;}.license-approval-card dl{grid-template-columns:1fr;}.license-actions:not(.license-actions-compact) .secondary-btn,.license-actions:not(.license-actions-compact) .primary-btn{width:100%;justify-content:center;}.license-actions-compact{min-width:104px;}}

/* Premium user SaaS shell */
.premium-user-shell .page-wrap{width:min(100% - 28px,1760px);}
.premium-topbar{position:sticky;top:0;z-index:20;margin:0 0 18px;padding:10px 0 14px;background:linear-gradient(180deg,rgba(3,13,24,.96),rgba(3,13,24,.72));backdrop-filter:blur(16px);}
.premium-top-left{display:flex;align-items:center;gap:14px;min-width:230px;}
.sidebar-toggle{width:42px;height:42px;border:1px solid rgba(84,144,225,.32);border-radius:12px;background:rgba(12,25,43,.86);display:grid;place-content:center;gap:4px;cursor:pointer;box-shadow:0 14px 32px rgba(0,0,0,.25);}
.sidebar-toggle span{display:block;width:17px;height:2px;border-radius:99px;background:#d9e9ff;transition:transform .18s ease,opacity .18s ease;}
.sidebar-toggle.is-active span:nth-child(1){transform:translateY(6px) rotate(45deg);}
.sidebar-toggle.is-active span:nth-child(2){opacity:0;}
.sidebar-toggle.is-active span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
.topbar-title{display:grid;gap:2px;}
.topbar-title b{color:#f5f9ff;font-size:15px;}
.topbar-title span{color:#8fa9d2;font-size:12px;font-weight:700;}
.premium-top-actions{margin-left:auto;}
.saas-workspace.compact{min-width:184px;height:44px;}
.saas-workspace.compact select{min-width:74px;}
.connection-pill{height:34px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid rgba(91,144,220,.22);border-radius:999px;background:rgba(8,18,32,.72);color:#9fb4d5;font-size:12px;font-weight:900;white-space:nowrap;}
.connection-pill i,.live-dot i,.sidebar-badge i{width:8px;height:8px;border-radius:999px;background:#f4c84d;box-shadow:0 0 14px rgba(244,200,77,.55);}
.connection-pill.is-online i,.live-dot i,.sidebar-badge i{background:#16f0a6;box-shadow:0 0 14px rgba(22,240,166,.55);}
.connection-pill.is-offline i{background:#687386;box-shadow:none;}
.icon-btn{width:42px;height:42px;border:1px solid rgba(91,144,220,.25);border-radius:12px;background:rgba(10,21,36,.82);display:grid;place-items:center;color:#dbeafe;text-decoration:none;cursor:pointer;}
.icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.profile-chip{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;text-decoration:none;background:linear-gradient(135deg,#1e88ff,#0bd4a8);color:white;font-weight:1000;box-shadow:0 16px 32px rgba(30,136,255,.22);}
.premium-user-layout{grid-template-columns:264px minmax(0,1fr);gap:20px;transition:grid-template-columns .2s ease;}
.premium-user-layout.is-collapsed{grid-template-columns:78px minmax(0,1fr);}
.premium-sidebar{top:82px;min-height:calc(100vh - 110px);align-content:start;gap:6px;padding:12px;background:linear-gradient(180deg,rgba(7,18,32,.96),rgba(4,12,22,.96));}
.premium-brand{min-height:62px!important;padding:8px!important;margin-bottom:4px;}
.premium-brand .brand-logo{width:42px;height:42px;}
.premium-brand .brand-lockup{display:grid;line-height:1.1;}
.premium-brand .brand-text{font-size:19px;}
.premium-brand .brand-sub{font-size:12px;color:#8fa9d2;}
.sidebar-badge{display:flex;align-items:center;gap:8px;width:max-content;margin:0 0 8px 4px;padding:5px 9px;border-radius:999px;background:rgba(22,240,166,.09);color:#a7f3d0;font-size:11px;font-weight:900;}
.nav-group{margin:12px 8px 4px;color:#8fa9d2;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;}
.premium-sidebar a:not(.premium-brand){gap:11px;min-height:42px;padding:10px 11px;color:#c1d5f7;}
.nav-icon{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px;color:#8ec5ff;}
.nav-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.nav-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.premium-user-layout.is-collapsed .premium-sidebar{padding:12px 8px;}
.premium-user-layout.is-collapsed .premium-brand{justify-content:center;}
.premium-user-layout.is-collapsed .premium-brand .brand-lockup,
.premium-user-layout.is-collapsed .sidebar-badge span,
.premium-user-layout.is-collapsed .nav-group,
.premium-user-layout.is-collapsed .nav-text{display:none;}
.premium-user-layout.is-collapsed .sidebar-badge{margin:0 auto 8px;padding:7px;}
.premium-user-layout.is-collapsed .premium-sidebar a:not(.premium-brand){justify-content:center;padding:10px;}
.premium-main{gap:18px;}
.premium-dashboard-hero{position:relative;overflow:hidden;border:1px solid rgba(97,151,232,.2);border-radius:14px;background:radial-gradient(circle at 84% 0%,rgba(26,132,255,.18),transparent 36%),linear-gradient(135deg,rgba(12,25,44,.94),rgba(5,15,28,.94));box-shadow:0 24px 80px rgba(0,0,0,.32);padding:26px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.welcome-copy h1{margin:8px 0 8px;font-size:clamp(26px,3vw,38px);line-height:1.05;color:#f6fbff;letter-spacing:0;}
.welcome-copy p{margin:0;color:#c3d5f3;font-size:15px;}
.welcome-copy strong{color:#26f0aa;}
.hero-logo-orbit{position:relative;width:98px;height:98px;display:grid;place-items:center;flex:0 0 auto;}
.hero-logo-orbit img{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 12px 28px rgba(30,136,255,.25));animation:mimattLogoFloat 3.2s ease-in-out infinite;}
.hero-logo-orbit span{position:absolute;inset:8px;border:1px solid rgba(37,240,170,.35);border-radius:50%;animation:mimattOrbit 4s linear infinite;}
@keyframes mimattLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes mimattOrbit{to{transform:rotate(360deg)}}
.premium-grid{display:grid;gap:16px;}
.main-status-grid{grid-template-columns:minmax(0,1.4fr) minmax(330px,.7fr);}
.agenda-market-grid{grid-template-columns:minmax(330px,.55fr) minmax(0,1.45fr);}
.summary-grid{grid-template-columns:1fr 1fr;}
.premium-card{border:1px solid rgba(97,151,232,.18);border-radius:14px;background:linear-gradient(180deg,rgba(12,25,44,.9),rgba(7,16,29,.92));box-shadow:0 18px 62px rgba(0,0,0,.24);padding:18px;min-width:0;}
.card-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;}
.card-topline a{color:#63b3ff;text-decoration:none;font-weight:900;font-size:12px;}
.card-topline b{color:#e8f0ff;}
.live-dot{display:flex;align-items:center;gap:7px;color:#dffbef;font-size:12px;font-weight:900;}
.status-command{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;}
.status-command span,.status-metrics span,.snapshot-grid span,.metric-strip span,.research-summary span,.agenda-compact span{display:block;color:#8fa9d2;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;}
.status-command h2{margin:4px 0 0;color:#f8fbff;font-size:32px;letter-spacing:0;}
.status-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;}
.status-metrics div,.snapshot-grid div,.metric-strip div,.research-summary div,.agenda-compact div{border:1px solid rgba(98,151,231,.16);border-radius:10px;background:rgba(4,13,24,.48);padding:12px;}
.status-metrics b,.snapshot-grid b,.metric-strip b,.research-summary b,.agenda-compact b{display:block;margin-top:6px;color:#f5f9ff;font-size:18px;}
.mimatt-status-card p{margin:0;color:#aebfe0;line-height:1.6;}
.premium-list{display:grid;gap:8px;}
.premium-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid rgba(98,151,231,.14);border-radius:10px;background:rgba(4,13,24,.44);}
.premium-list span{display:grid;gap:3px;color:#dce9ff;font-weight:900;}
.premium-list small{color:#8fa9d2;font-weight:800;}
.premium-list b{color:#ffce5c;font-size:12px;}
.agenda-compact{display:grid;gap:10px;}
.snapshot-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;}
.metric-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;}
.research-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;}
.premium-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.premium-action-grid a{display:grid;gap:6px;padding:15px;border:1px solid rgba(75,157,255,.25);border-radius:12px;background:rgba(30,136,255,.1);text-decoration:none;color:#f5f9ff;transition:transform .16s ease,border-color .16s ease,background .16s ease;}
.premium-action-grid a:hover{transform:translateY(-2px);border-color:rgba(75,157,255,.55);background:rgba(30,136,255,.16);}
.premium-action-grid span{font-size:15px;font-weight:1000;}
.premium-action-grid b{color:#8fa9d2;font-size:12px;}
@media (max-width:1250px){.premium-topbar{align-items:flex-start;flex-direction:column;}.premium-top-actions{margin-left:0;}.main-status-grid,.agenda-market-grid,.summary-grid{grid-template-columns:1fr;}.snapshot-grid,.metric-strip,.research-summary{grid-template-columns:repeat(2,1fr);}.premium-action-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:900px){.premium-user-layout,.premium-user-layout.is-collapsed{grid-template-columns:1fr;}.premium-sidebar{position:relative;top:auto;min-height:auto;grid-template-columns:repeat(2,minmax(0,1fr));}.premium-user-layout.is-collapsed .nav-text,.premium-user-layout.is-collapsed .premium-brand .brand-lockup,.premium-user-layout.is-collapsed .sidebar-badge span{display:inline;}.premium-user-layout.is-collapsed .nav-group{display:block;grid-column:1/-1;}.premium-user-layout.is-collapsed .premium-sidebar a:not(.premium-brand){justify-content:flex-start;}.premium-user-layout.is-collapsed .sidebar-badge{margin:0 0 8px 4px;}.premium-brand{grid-column:1/-1;}.premium-dashboard-hero{align-items:flex-start;}.connection-pill{display:none;}}
@media (max-width:640px){.premium-user-shell .page-wrap{width:min(100% - 18px,1760px);}.premium-top-actions{width:100%;}.premium-top-actions .saas-workspace,.premium-top-actions .secondary-btn,.premium-top-actions .login-btn{width:100%;justify-content:center;}.premium-dashboard-hero,.status-command{align-items:stretch;flex-direction:column;}.hero-logo-orbit{align-self:center;}.status-metrics,.snapshot-grid,.metric-strip,.research-summary,.premium-action-grid{grid-template-columns:1fr;}.premium-sidebar{grid-template-columns:1fr;}}

/* User command center visual refresh */
.premium-user-shell{background:#040d18;}
.premium-user-shell .page-wrap{width:100%;max-width:none;padding:0;}
.premium-user-shell .bg-orb{opacity:.18;}
.premium-topbar{position:fixed;top:0;left:252px;right:18px;height:84px;z-index:24;margin:0;padding:14px 0;background:linear-gradient(180deg,rgba(4,13,24,.95),rgba(4,13,24,.34));border-bottom:1px solid rgba(84,144,225,.08);}
.premium-top-left{display:none;}
.premium-top-actions{justify-content:flex-end;width:100%;gap:10px;}
.premium-top-actions .connection-pill{display:none;}
.premium-top-actions .saas-workspace.compact{order:1;min-width:238px;height:56px;border-radius:14px;background:rgba(10,20,35,.88);}
.premium-top-actions .saas-workspace.compact:before{content:"";width:18px;height:18px;border:2px solid #9fb4d5;border-radius:4px;opacity:.8;}
.premium-top-actions .saas-workspace.compact label{display:none;}
.premium-top-actions .saas-workspace.compact select{height:38px;font-size:16px;}
.premium-top-actions .icon-btn{order:2;width:54px;height:54px;border-radius:16px;background:rgba(12,24,42,.9);}
.premium-top-actions .profile-chip{order:3;width:58px;height:58px;border:1px solid rgba(78,130,222,.42);background:rgba(8,19,36,.9);color:#83aaff;font-size:16px;}
.premium-top-actions .profile-chip:after{content:"";position:absolute;width:9px;height:9px;border-radius:99px;background:#18e29a;margin:38px 0 0 38px;}
.premium-top-actions .saas-pill,.premium-top-actions .role-preview-control,.premium-top-actions .secondary-btn,.premium-top-actions .login-btn{order:4;}
.premium-user-layout{display:grid;grid-template-columns:252px minmax(0,1fr);gap:0;min-height:100vh;}
.premium-user-layout.is-collapsed{grid-template-columns:82px minmax(0,1fr);}
.premium-user-layout.is-collapsed ~ *,.premium-user-layout.is-collapsed .premium-main{margin-left:0;}
.premium-user-layout.is-collapsed .premium-sidebar + .premium-main{padding-left:18px;}
.premium-user-layout.is-collapsed .premium-sidebar{width:82px;}
.premium-user-layout.is-collapsed .premium-sidebar-head{justify-content:center;}
.premium-user-layout.is-collapsed .sidebar-toggle{position:static;}
.premium-sidebar{position:fixed;top:0;left:0;width:252px;height:100vh;min-height:100vh;border-radius:0;border:1px solid rgba(91,144,220,.18);border-left:0;border-top:0;border-bottom:0;padding:18px 14px;background:linear-gradient(180deg,rgba(8,18,33,.98),rgba(4,12,22,.98));box-shadow:18px 0 60px rgba(0,0,0,.38);overflow:auto;z-index:30;}
.premium-user-layout.is-collapsed .premium-sidebar{padding:16px 10px;}
.premium-sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px;}
.premium-brand{margin:0!important;padding:0!important;min-height:52px!important;border:0!important;background:transparent!important;}
.premium-brand .brand-logo{width:44px;height:44px;}
.premium-brand .brand-text{font-size:22px;}
.premium-brand .brand-sub{display:none;}
.premium-sidebar-head .sidebar-toggle{width:42px;height:42px;border-radius:14px;background:rgba(14,27,47,.92);}
.premium-sidebar a:not(.premium-brand){min-height:50px;border-radius:10px;padding:12px 13px;margin:2px 0;color:#e1e9f8;font-size:15px;font-weight:750;}
.premium-sidebar a:not(.premium-brand).active{background:linear-gradient(135deg,rgba(66,101,232,.55),rgba(42,68,144,.42));border-color:rgba(106,149,255,.35);box-shadow:0 12px 34px rgba(54,95,221,.24);}
.premium-sidebar a:not(.premium-brand):hover{background:rgba(56,93,170,.18);}
.premium-sidebar .nav-group{display:none;}
.premium-sidebar .nav-icon{width:28px;height:28px;flex-basis:28px;color:#d8e7ff;}
.premium-sidebar .nav-icon svg{width:24px;height:24px;}
.premium-user-layout.is-collapsed .premium-brand .brand-lockup,.premium-user-layout.is-collapsed .nav-text,.premium-user-layout.is-collapsed .sidebar-system-card strong,.premium-user-layout.is-collapsed .sidebar-system-card span,.premium-user-layout.is-collapsed .sidebar-system-card div,.premium-user-layout.is-collapsed .sidebar-system-card svg{display:none;}
.premium-user-layout.is-collapsed .premium-sidebar a:not(.premium-brand){justify-content:center;}
.sidebar-system-card{margin-top:28px;padding:16px 14px;border:1px solid rgba(91,144,220,.18);border-radius:13px;background:linear-gradient(180deg,rgba(15,30,51,.86),rgba(8,18,31,.86));}
.sidebar-system-card strong{display:block;color:#f4f8ff;font-size:13px;margin-bottom:8px;}
.sidebar-system-card>span{display:block;color:#2cf0a6;font-size:12px;margin-bottom:14px;}
.sidebar-system-card div{display:flex;align-items:center;gap:9px;padding:9px 8px;border-top:1px solid rgba(91,144,220,.1);color:#aebfe0;font-size:13px;}
.sidebar-system-card i{width:10px;height:10px;border-radius:99px;background:#49dd72;box-shadow:0 0 14px rgba(73,221,114,.5);}
.sidebar-system-card svg{width:100%;height:42px;margin-top:12px;fill:none;stroke:#0ac37e;stroke-width:2;opacity:.82;}
.premium-main{padding:118px 28px 26px 28px;min-height:100vh;margin-left:252px;gap:14px;background:radial-gradient(circle at 78% 10%,rgba(29,90,164,.16),transparent 30%),linear-gradient(180deg,#06111f,#04101d 44%,#030b14);}
.premium-user-layout.is-collapsed .premium-main{margin-left:82px;}
.premium-user-layout.is-collapsed ~ .premium-topbar,.premium-user-layout.is-collapsed + .premium-topbar{left:82px;}
.user-command-hero{display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:22px;margin-bottom:10px;}
.mimatt-assistant{position:relative;width:160px;height:160px;display:grid;place-items:center;}
.assistant-orbit{position:absolute;inset:10px;border-radius:50%;border:1px solid rgba(34,139,255,.32);box-shadow:inset 0 0 44px rgba(24,136,255,.18),0 0 38px rgba(24,136,255,.12);animation:mimattOrbit 7s linear infinite;}
.assistant-orbit:before,.assistant-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(31,239,166,.25);}
.assistant-orbit:before{inset:18px}.assistant-orbit:after{inset:34px}
.assistant-core{position:relative;width:94px;height:94px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#11294a,#061325 62%);box-shadow:0 18px 50px rgba(0,0,0,.42),0 0 38px rgba(43,142,255,.32);}
.assistant-core:before{content:"";position:absolute;top:20px;width:48px;height:20px;border-radius:18px;background:linear-gradient(90deg,#4cc7ff,#0e62ff);box-shadow:0 0 22px rgba(76,199,255,.62);}
.assistant-core img{position:absolute;bottom:12px;width:45px;height:45px;object-fit:contain;}
.command-copy h1{margin:0 0 8px;color:#f7fbff;font-size:28px;letter-spacing:0;}
.command-copy p{margin:0;color:#b7c8e5;font-size:15px;}
.wave-mark{font-size:23px;}
.last-update-pill{align-self:start;margin-top:20px;display:flex;align-items:center;gap:9px;padding:10px 16px;border:1px solid rgba(91,144,220,.22);border-radius:14px;background:rgba(8,18,32,.78);color:#b7c8e5;font-size:13px;white-space:nowrap;}
.last-update-pill i{width:9px;height:9px;border-radius:50%;background:#18e29a;box-shadow:0 0 14px rgba(24,226,154,.55);}
.command-status-card{display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(4,minmax(130px,.7fr)) 120px;gap:12px;align-items:stretch;margin:0 0 14px;padding:16px 18px;border:1px solid rgba(91,144,220,.18);border-radius:16px;background:linear-gradient(180deg,rgba(13,26,45,.92),rgba(8,18,32,.88));}
.status-main span,.status-tile span,.snapshot-matrix span,.index-row span,.perf-grid span,.research-list span,.signal-grid span,.pnl-hero span{display:block;color:#91a7c8;font-size:12px;font-weight:800;}
.status-main h2{margin:5px 0;color:#5c91ff;font-size:27px;letter-spacing:0;}
.status-main p{margin:0;color:#aebfe0;}
.status-tile{padding:14px 16px;border:1px solid rgba(91,144,220,.16);border-radius:12px;background:rgba(12,24,42,.74);}
.status-tile b{display:block;margin-top:8px;color:#43f06f;font-size:21px;}
.status-tile:nth-child(4) b{color:#78aaff}.status-tile:nth-child(5) b{color:#ee6bff}
.eye-signal{display:grid;place-items:center;}
.eye-signal span{width:72px;height:44px;border-radius:50%;border:1px solid rgba(48,117,255,.28);position:relative;box-shadow:0 0 36px rgba(48,117,255,.18);}
.eye-signal span:before{content:"";position:absolute;inset:12px 20px;border-radius:50%;background:radial-gradient(circle,#7ea8ff 0 20%,#315dff 22% 45%,transparent 46%);}
.command-grid{display:grid;gap:14px;margin-bottom:14px;}
.top-command-grid{grid-template-columns:minmax(280px,.85fr) minmax(250px,.72fr) minmax(480px,1.6fr);}
.lower-command-grid{grid-template-columns:minmax(300px,.9fr) minmax(380px,1.15fr) minmax(300px,.85fr);}
.footer-command-grid{grid-template-columns:minmax(520px,1.2fr) minmax(330px,.8fr);}
.command-card{border:1px solid rgba(91,144,220,.18);border-radius:16px;background:linear-gradient(180deg,rgba(12,25,44,.9),rgba(7,16,29,.92));box-shadow:0 18px 54px rgba(0,0,0,.23);padding:16px;min-width:0;}
.command-card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px;}
.command-card-head h3{margin:0;color:#f4f8ff;font-size:15px;text-transform:uppercase;letter-spacing:.02em;}
.command-card-head a,.last-signal-card>a{color:#6da8ff;text-decoration:none;font-weight:800;font-size:13px;}
.command-card-head span{padding:6px 10px;border-radius:999px;background:rgba(24,226,154,.12);color:#43f06f;font-size:12px;font-weight:900;}
.timeline-list{display:grid;gap:0;border:1px solid rgba(91,144,220,.08);border-radius:10px;overflow:hidden;background:rgba(5,14,26,.42);}
.timeline-list div{display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border-bottom:1px solid rgba(91,144,220,.08);}
.timeline-list div:last-child{border-bottom:0;}
.timeline-list time{color:#f4f8ff;font-weight:900;}
.timeline-list span{display:grid;color:#e8f0ff;font-size:13px;}
.timeline-list small{color:#8fa9d2;margin-top:2px;}
.timeline-list b{padding:5px 8px;border-radius:999px;background:rgba(255,77,104,.16);color:#ff6b80;font-size:11px;white-space:nowrap;}
.agenda-list b{background:rgba(44,111,255,.14);color:#8fb6ff;}
.market-command-card{padding-bottom:13px;}
.index-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px;}
.index-row div{padding:14px;border:1px solid rgba(91,144,220,.14);border-radius:11px;background:rgba(9,19,33,.62);}
.index-row b{display:block;margin:7px 0 3px;color:#f4f8ff;font-size:20px;}
.index-row small{color:#23d984;}
.snapshot-matrix{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(91,144,220,.14);border-radius:11px;overflow:hidden;background:rgba(9,19,33,.5);}
.snapshot-matrix div{padding:13px 14px;border-right:1px solid rgba(91,144,220,.1);border-bottom:1px solid rgba(91,144,220,.1);}
.snapshot-matrix b{display:block;margin-top:7px;color:#f7fbff;font-size:17px;}
.pnl-hero{display:flex;align-items:end;gap:12px;flex-wrap:wrap;}
.pnl-hero b{color:#41f078;font-size:31px;line-height:1;}
.pnl-hero small{padding:5px 8px;border-radius:999px;background:rgba(24,226,154,.13);color:#2de5a1;font-weight:900;}
.mini-sparkline{height:54px;margin:10px 0 8px;background:linear-gradient(135deg,transparent 35%,rgba(35,240,166,.25) 36% 38%,transparent 39%),linear-gradient(160deg,transparent 20%,rgba(35,240,166,.18) 21% 24%,transparent 25%);border-bottom:1px solid rgba(91,144,220,.13);}
.perf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(91,144,220,.1);}
.perf-grid div{padding:10px 12px;border-right:1px solid rgba(91,144,220,.1);}
.perf-grid b{display:block;margin-top:5px;color:#f7fbff;font-size:18px;}
.perf-grid div:nth-child(4) b,.perf-grid div:nth-child(6) b{color:#43f06f}.perf-grid div:nth-child(5) b{color:#ff6464}
.research-body{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:14px;align-items:center;}
.research-list{display:grid;gap:8px;}
.research-list div{display:flex;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid rgba(91,144,220,.11);border-radius:9px;background:rgba(6,15,27,.58);}
.research-list b{color:#43f06f;}
.research-ring{width:132px;height:132px;border-radius:50%;display:grid;place-items:center;margin:auto;background:conic-gradient(#26d778 0 36%,rgba(91,144,220,.12) 36% 100%);box-shadow:0 0 38px rgba(38,215,120,.13);}
.research-ring:before{content:"";position:absolute;width:102px;height:102px;border-radius:50%;background:#071625;border:1px solid rgba(91,144,220,.24);}
.research-ring img{position:relative;width:58px;height:58px;object-fit:contain;}
.signal-title{margin:8px 0 18px;padding:16px;border-radius:10px;background:rgba(5,13,24,.62);border:1px solid rgba(91,144,220,.1);color:#f4f8ff;font-weight:1000;text-transform:uppercase;}
.signal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;}
.signal-grid b{display:block;margin-top:8px;color:#43f06f;font-size:20px;}
.quick-command-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.quick-command-links a{display:grid;gap:7px;min-height:78px;padding:14px 16px;border-radius:12px;border:1px solid rgba(91,144,220,.16);text-decoration:none;color:#f4f8ff;}
.quick-command-links span{font-weight:950;}
.quick-command-links b{color:#c1d2ee;font-size:12px;}
.quick-command-links .is-blue{background:linear-gradient(135deg,rgba(58,94,255,.35),rgba(36,60,128,.42));}
.quick-command-links .is-purple{background:linear-gradient(135deg,rgba(147,71,255,.35),rgba(72,45,112,.42));}
.quick-command-links .is-green{background:linear-gradient(135deg,rgba(22,190,132,.35),rgba(19,86,72,.42));}
.quick-command-links .is-gold{background:linear-gradient(135deg,rgba(231,154,41,.32),rgba(89,58,21,.42));}
.news-list div{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px;border-radius:10px;background:rgba(5,14,26,.5);border:1px solid rgba(91,144,220,.1);}
.news-list span{color:#8fa9d2;font-size:12px}.news-list b{color:#f4f8ff}.news-list small{padding:5px 8px;border-radius:999px;background:rgba(255,77,104,.14);color:#ff7286;font-weight:900;}
@media (max-width:1400px){.top-command-grid,.lower-command-grid,.footer-command-grid{grid-template-columns:1fr 1fr;}.market-command-card,.quick-command-card{grid-column:1/-1;}.command-status-card{grid-template-columns:minmax(240px,1fr) repeat(2,1fr);}.eye-signal{display:none;}}
@media (max-width:980px){.premium-topbar{left:0;right:0;padding:10px 12px;height:auto;position:sticky;}.premium-user-layout,.premium-user-layout.is-collapsed{display:block;}.premium-sidebar{position:relative;width:auto;height:auto;min-height:0;border-radius:0 0 18px 18px;display:grid;grid-template-columns:repeat(2,1fr);}.premium-sidebar-head,.sidebar-system-card{grid-column:1/-1;}.premium-main,.premium-user-layout.is-collapsed .premium-main{margin-left:0;padding:24px 14px;}.premium-user-layout.is-collapsed .nav-text,.premium-user-layout.is-collapsed .premium-brand .brand-lockup,.premium-user-layout.is-collapsed .sidebar-system-card strong,.premium-user-layout.is-collapsed .sidebar-system-card span,.premium-user-layout.is-collapsed .sidebar-system-card div,.premium-user-layout.is-collapsed .sidebar-system-card svg{display:block;}.user-command-hero{grid-template-columns:1fr;text-align:center;}.mimatt-assistant{margin:auto}.last-update-pill{margin:0 auto}.top-command-grid,.lower-command-grid,.footer-command-grid,.command-status-card{grid-template-columns:1fr;}.quick-command-links,.snapshot-matrix,.index-row,.perf-grid,.signal-grid{grid-template-columns:1fr;}.research-body{grid-template-columns:1fr;}}

/* Premium institutional left rail */
.premium-user-shell{
  --sidebar-wide:268px;
  --sidebar-compact:86px;
  --mimatt-blue:#2d8dff;
  --mimatt-cyan:#55c8ff;
  --rail-line:rgba(98,151,231,.16);
  background:#040d18;
}

body.sidebar-collapsed .premium-topbar{
  left:var(--sidebar-compact);
}

.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-topbar{
  left:var(--sidebar-compact);
}

.premium-user-layout,
.premium-user-layout.is-collapsed{
  grid-template-columns:var(--sidebar-wide) minmax(0,1fr);
  transition:grid-template-columns .26s cubic-bezier(.2,.8,.2,1);
}

.premium-user-layout.is-collapsed{
  grid-template-columns:var(--sidebar-compact) minmax(0,1fr);
}

.premium-topbar{
  left:var(--sidebar-wide);
  right:22px;
  height:86px;
  padding:14px 0;
  background:
    linear-gradient(180deg,rgba(4,13,24,.94),rgba(4,13,24,.42) 72%,rgba(4,13,24,0));
  border-bottom:1px solid rgba(84,144,225,.06);
  backdrop-filter:blur(18px);
  transition:left .26s cubic-bezier(.2,.8,.2,1), background .22s ease;
}

.premium-sidebar{
  width:var(--sidebar-wide);
  padding:18px 14px 16px;
  border:0;
  border-right:1px solid rgba(97,151,232,.08);
  background:
    radial-gradient(circle at 0 12%,rgba(45,141,255,.18),transparent 34%),
    linear-gradient(180deg,rgba(7,18,33,.95),rgba(5,13,24,.98) 62%,rgba(3,10,19,.99));
  box-shadow:
    18px 0 70px rgba(0,0,0,.24),
    inset -1px 0 0 rgba(255,255,255,.025);
  overflow-x:visible;
  scrollbar-width:thin;
  scrollbar-color:rgba(115,164,235,.34) transparent;
  transition:width .26s cubic-bezier(.2,.8,.2,1), padding .26s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease;
}

.premium-sidebar:before{
  content:"";
  position:fixed;
  inset:0 auto 0 0;
  width:var(--sidebar-wide);
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(45,141,255,.06),transparent 56%),
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 18%);
  transition:width .26s cubic-bezier(.2,.8,.2,1);
}

.premium-user-layout.is-collapsed .premium-sidebar,
body.sidebar-collapsed .premium-sidebar:before{
  width:var(--sidebar-compact);
}

.premium-user-layout.is-collapsed .premium-sidebar{
  padding:16px 11px;
}

.premium-sidebar-head{
  position:relative;
  margin-bottom:16px;
  padding:2px 1px 14px;
}

.premium-sidebar-head:after{
  content:"";
  position:absolute;
  left:2px;
  right:2px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(92,151,244,.28),transparent);
}

.premium-brand{
  gap:10px;
  min-width:0;
}

.premium-brand .brand-logo{
  width:40px;
  height:40px;
  filter:drop-shadow(0 10px 22px rgba(45,141,255,.28));
}

.premium-brand .brand-text{
  font-size:20px;
  letter-spacing:0;
}

.sidebar-toggle,
.premium-sidebar-head .sidebar-toggle{
  width:40px;
  height:40px;
  border-radius:13px;
  border:1px solid rgba(111,166,247,.22);
  background:
    linear-gradient(180deg,rgba(16,31,54,.94),rgba(8,18,32,.94));
  box-shadow:0 12px 28px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}

.sidebar-toggle:hover{
  transform:translateY(-1px);
  border-color:rgba(85,200,255,.48);
  box-shadow:0 16px 34px rgba(0,0,0,.3),0 0 22px rgba(45,141,255,.18);
}

.premium-sidebar .nav-group{
  display:block;
  margin:18px 12px 7px;
  color:#6f88ad;
  font-size:10px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.12em;
  transition:opacity .2s ease, margin .24s ease;
}

.premium-sidebar a:not(.premium-brand){
  position:relative;
  isolation:isolate;
  min-height:46px;
  gap:12px;
  margin:3px 0;
  padding:11px 12px;
  border:1px solid transparent;
  border-radius:12px;
  color:#c6d6ef;
  font-size:14px;
  font-weight:820;
  background:transparent;
  transform-style:preserve-3d;
  transition:
    transform .22s cubic-bezier(.2,.8,.2,1),
    color .2s ease,
    background .22s ease,
    border-color .22s ease,
    box-shadow .22s ease;
}

.premium-sidebar a:not(.premium-brand):hover{
  color:#f4f9ff;
  transform:translateX(2px);
  background:rgba(61,119,211,.12);
  border-color:rgba(120,170,245,.13);
}

.premium-sidebar a:not(.premium-brand).active{
  color:#fff;
  background:var(--owner-accent-gradient);
  border-color:var(--owner-accent-border);
  box-shadow:
    0 18px 42px rgba(0,0,0,.36),
    0 0 0 1px rgba(85,200,255,.12) inset,
    0 0 32px var(--owner-accent-glow);
  transform:translateX(7px) translateY(-1px) perspective(800px) rotateY(-5deg);
}

.premium-sidebar a:not(.premium-brand).active:before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  background:var(--owner-accent-edge-gradient);
  z-index:-1;
  opacity:.75;
}

.premium-sidebar a:not(.premium-brand).active:after{
  content:"";
  position:absolute;
  left:-11px;
  top:13px;
  bottom:13px;
  width:3px;
  border-radius:999px;
  background:var(--owner-accent-rail-gradient);
  box-shadow:0 0 18px rgba(45,141,255,.72);
}

.premium-sidebar .nav-subgroup{
  display:grid;
  gap:4px;
  margin:-4px 0 8px 42px;
}

.premium-sidebar .nav-child{
  min-height:26px !important;
  padding:5px 9px !important;
  border-radius:8px !important;
  font-size:12px !important;
  font-weight:900 !important;
  color:#8fb7ea !important;
  background:rgba(8,22,39,.42) !important;
  transform:none !important;
}

.premium-sidebar .nav-child.active,
.premium-sidebar .nav-child:hover{
  color:#ffffff !important;
  border-color:rgba(91,173,255,.42) !important;
  background:rgba(45,141,255,.22) !important;
  box-shadow:none !important;
}

.premium-sidebar .nav-child.active:before,
.premium-sidebar .nav-child.active:after{
  display:none !important;
}

.premium-sidebar .nav-icon{
  width:26px;
  height:26px;
  flex:0 0 26px;
  color:#9fc7ff;
  border-radius:9px;
  transition:color .22s ease,transform .22s ease,filter .22s ease;
}

.premium-sidebar .nav-icon svg{
  width:21px;
  height:21px;
  stroke-width:2.15;
}

.premium-sidebar a.active .nav-icon{
  color:#ffffff;
  transform:translateZ(18px);
  filter:drop-shadow(0 0 12px rgba(115,197,255,.55));
}

.premium-sidebar .nav-text{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  transform:translateZ(10px);
}

.premium-user-layout.is-collapsed .premium-sidebar-head{
  justify-content:center;
  gap:8px;
}

.premium-user-layout.is-collapsed .premium-brand{
  display:none!important;
}

.premium-user-layout.is-collapsed .premium-brand .brand-lockup,
.premium-user-layout.is-collapsed .nav-text,
.premium-user-layout.is-collapsed .sidebar-system-card strong,
.premium-user-layout.is-collapsed .sidebar-system-card span,
.premium-user-layout.is-collapsed .sidebar-system-card div,
.premium-user-layout.is-collapsed .sidebar-system-card svg{
  display:none;
}

.premium-user-layout.is-collapsed .premium-sidebar .nav-group{
  display:block;
  height:1px;
  margin:13px 16px 8px;
  overflow:hidden;
  color:transparent;
  background:linear-gradient(90deg,transparent,rgba(102,157,239,.28),transparent);
}

.premium-user-layout.is-collapsed .premium-sidebar a:not(.premium-brand){
  justify-content:center;
  min-height:48px;
  padding:11px;
}

.premium-user-layout.is-collapsed .premium-sidebar a:not(.premium-brand).active{
  transform:translateX(0) translateY(-1px) perspective(800px) rotateY(-6deg);
}

.premium-user-layout.is-collapsed .premium-sidebar a:not(.premium-brand)[title]:hover:after{
  content:attr(title);
  position:absolute;
  left:calc(100% + 12px);
  top:50%;
  bottom:auto;
  width:max-content;
  max-width:220px;
  padding:8px 10px;
  border:1px solid rgba(111,166,247,.28);
  border-radius:10px;
  background:rgba(7,16,29,.96);
  box-shadow:0 16px 34px rgba(0,0,0,.34),0 0 22px rgba(45,141,255,.14);
  color:#eaf3ff;
  font-size:12px;
  font-weight:850;
  letter-spacing:0;
  z-index:80;
  pointer-events:none;
  transform:translateY(-50%);
}

.sidebar-system-card{
  margin-top:20px;
  padding:14px;
  border-radius:14px;
  border:1px solid rgba(91,144,220,.14);
  background:
    radial-gradient(circle at 20% 0,rgba(45,141,255,.18),transparent 46%),
    linear-gradient(180deg,rgba(15,30,51,.72),rgba(8,18,31,.76));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 16px 36px rgba(0,0,0,.18);
}

.premium-user-layout.is-collapsed .sidebar-system-card{
  width:48px;
  height:48px;
  margin:18px auto 0;
  padding:0;
  display:grid;
  place-items:center;
}

.premium-user-layout.is-collapsed .sidebar-system-card:before{
  content:"";
  width:13px;
  height:13px;
  border-radius:50%;
  background:#18e29a;
  box-shadow:0 0 18px rgba(24,226,154,.64);
}

.premium-main,
.premium-user-layout.is-collapsed .premium-main{
  margin-left:var(--sidebar-wide);
  padding:118px 28px 28px;
  background:
    radial-gradient(circle at 86% 9%,rgba(45,141,255,.16),transparent 30%),
    radial-gradient(circle at 7% 20%,rgba(45,141,255,.05),transparent 28%),
    linear-gradient(180deg,#06111f,#04101d 44%,#030b14);
  transition:margin-left .26s cubic-bezier(.2,.8,.2,1), padding .22s ease;
}

.premium-user-layout.is-collapsed .premium-main{
  margin-left:var(--sidebar-compact);
  padding-left:26px;
}

@media (max-width:980px){
  body.sidebar-collapsed .premium-topbar,
  .premium-topbar{
    left:0;
    right:0;
  }

  .premium-user-layout,
  .premium-user-layout.is-collapsed{
    display:block;
  }

  .premium-sidebar,
  .premium-user-layout.is-collapsed .premium-sidebar{
    position:relative;
    width:auto;
    height:auto;
    min-height:0;
    padding:14px;
    overflow:visible;
  }

  .premium-sidebar:before{
    display:none;
  }

  .premium-sidebar,
  .premium-user-layout.is-collapsed .premium-sidebar{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .premium-user-layout.is-collapsed .nav-text,
  .premium-user-layout.is-collapsed .premium-brand .brand-lockup{
    display:inline-flex;
  }

  .premium-user-layout.is-collapsed .premium-sidebar .nav-group{
    height:auto;
    margin:14px 8px 4px;
    color:#6f88ad;
    background:none;
    grid-column:1/-1;
  }

  .premium-sidebar a:not(.premium-brand),
  .premium-user-layout.is-collapsed .premium-sidebar a:not(.premium-brand){
    justify-content:flex-start;
    transform:none;
  }

  .premium-sidebar a:not(.premium-brand).active,
  .premium-user-layout.is-collapsed .premium-sidebar a:not(.premium-brand).active{
    transform:translateY(-1px);
  }

  .premium-main,
  .premium-user-layout.is-collapsed .premium-main{
    margin-left:0;
    padding:24px 14px;
  }
}

/* Top app chrome: logo and owner controls above the sidebar */
.premium-user-shell{
  --app-topbar-h:96px;
}

.premium-user-shell .lang-floating-toggle{
  display:none;
}

.app-shell .lang-floating-toggle{
  display:none!important;
}

.premium-topbar,
body.sidebar-collapsed .premium-topbar,
.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-topbar{
  left:0;
  right:0;
  height:var(--app-topbar-h);
  padding:16px 28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  background:
    radial-gradient(circle at 88% 42%,rgba(45,141,255,.16),transparent 18%),
    linear-gradient(180deg,rgba(5,15,29,.96),rgba(5,15,29,.72) 68%,rgba(5,15,29,.18));
  border-bottom:1px solid rgba(92,151,244,.08);
  box-shadow:0 18px 55px rgba(0,0,0,.22);
}

.premium-top-left{
  display:flex;
  align-items:center;
  min-width:220px;
}

.premium-top-brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  color:#f4f8ff;
  text-decoration:none;
}

.premium-top-brand img{
  width:58px;
  height:58px;
  object-fit:contain;
  filter:drop-shadow(0 12px 26px rgba(45,141,255,.26));
}

.premium-top-brand span{
  display:grid;
  gap:2px;
}

.premium-top-brand b{
  font-family:"NourdBold",Rajdhani,Inter,sans-serif;
  font-size:25px;
  line-height:1;
  letter-spacing:0;
}

.premium-top-brand small{
  color:#8fa9d2;
  font-size:12px;
  font-weight:800;
  letter-spacing:.03em;
}

.premium-top-actions{
  flex:1;
  justify-content:flex-end;
  gap:10px;
  min-width:0;
}

.role-quick-switch{
  order:0;
  display:flex;
  align-items:center;
  gap:4px;
  height:42px;
  padding:4px;
  border:1px solid rgba(91,144,220,.2);
  border-radius:14px;
  background:rgba(9,20,36,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.role-quick-switch button,
.premium-lang-btn{
  height:34px;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  color:#9fb4d5;
  font:800 12px/1 Inter,system-ui,sans-serif;
  cursor:pointer;
  transition:background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease;
}

.role-quick-switch button{
  padding:0 12px;
}

.role-quick-switch button:hover,
.premium-lang-btn:hover{
  color:#f4f8ff;
  background:rgba(61,119,211,.13);
}

.role-quick-switch button.active{
  color:#fff;
  border-color:rgba(92,151,244,.46);
  background:linear-gradient(135deg,rgba(45,141,255,.5),rgba(25,55,120,.68));
  box-shadow:0 0 22px rgba(45,141,255,.26),inset 0 1px 0 rgba(255,255,255,.08);
}

.premium-lang-btn{
  order:1;
  width:42px;
  border-color:rgba(91,144,220,.22);
  background:rgba(9,20,36,.72);
}

.premium-top-actions .saas-workspace.compact{
  order:2;
  min-width:260px;
  flex:0 0 260px;
}

.premium-top-actions .icon-btn{
  order:3;
}

.premium-top-actions .profile-chip,
.premium-top-actions .saas-pill,
.premium-top-actions .role-preview-control,
.premium-top-actions .secondary-btn,
.premium-top-actions .login-btn{
  order:4;
}

.premium-top-actions .role-preview-control{
  display:none;
}

.language-settings-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}

.language-setting-btn{
  min-height:40px;
  padding:0 16px;
  border:1px solid rgba(91,144,220,.25);
  border-radius:10px;
  background:rgba(9,20,36,.76);
  color:#f4f8ff;
  font-weight:900;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}

.language-setting-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(85,200,255,.46);
  background:rgba(45,141,255,.18);
}

.premium-sidebar{
  top:var(--app-topbar-h);
  height:calc(100vh - var(--app-topbar-h));
  min-height:calc(100vh - var(--app-topbar-h));
  padding-top:20px;
  border-top:1px solid rgba(92,151,244,.08);
  border-radius:0 18px 0 0;
}

.premium-sidebar:before{
  top:var(--app-topbar-h);
  height:calc(100vh - var(--app-topbar-h));
}

.premium-sidebar-head{
  justify-content:flex-end;
  margin-bottom:18px;
  padding-bottom:16px;
}

.premium-sidebar-head .premium-brand{
  display:none!important;
}

.premium-main,
.premium-user-layout.is-collapsed .premium-main{
  padding-top:calc(var(--app-topbar-h) + 32px);
}

@media (max-width:1180px){
  .premium-topbar{
    height:auto;
    min-height:var(--app-topbar-h);
    align-items:flex-start;
    flex-direction:column;
  }

  .premium-top-actions{
    width:100%;
    justify-content:flex-start;
    flex-wrap:wrap;
  }

  .premium-sidebar{
    top:132px;
    height:calc(100vh - 132px);
    min-height:calc(100vh - 132px);
  }

  .premium-sidebar:before{
    top:132px;
    height:calc(100vh - 132px);
  }

  .premium-main,
  .premium-user-layout.is-collapsed .premium-main{
    padding-top:164px;
  }
}

/* Progressive workspace loading: render the shell immediately while live modules initialize. */
.workspace-frame-skeleton{
  position:absolute;
  inset:0;
  z-index:3;
  display:grid;
  grid-template-rows:44px 1fr auto;
  gap:10px;
  min-height:calc(100vh - var(--app-topbar-h) - 10px);
  padding:10px;
  background:#050b18;
  transition:opacity .2s ease,visibility .2s ease;
}

.workspace-frame-skeleton.is-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

.workspace-frame-skeleton strong{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  color:#8fb8ff;
  font-size:13px;
  letter-spacing:0;
}

.workspace-skeleton-tabs,
.workspace-skeleton-chart,
.workspace-skeleton-panel,
.workspace-skeleton-chart span,
.workspace-skeleton-panel span{
  border:1px solid rgba(0,212,255,.12);
  background:linear-gradient(90deg,#081426 20%,#0b1d38 48%,#081426 76%);
  background-size:240% 100%;
  animation:workspaceSkeletonPulse 1.35s ease-in-out infinite;
}

.workspace-skeleton-tabs{border-radius:8px;}

.workspace-skeleton-grid{
  display:grid;
  grid-template-columns:minmax(0,3fr) minmax(270px,1fr);
  gap:10px;
}

.workspace-skeleton-chart,
.workspace-skeleton-panel{
  display:grid;
  gap:10px;
  padding:12px;
  border-radius:8px;
}

.workspace-skeleton-chart{
  grid-template-rows:34px 1fr 110px 34px;
}

.workspace-skeleton-panel{
  grid-template-rows:180px repeat(3,minmax(80px,1fr));
}

.workspace-skeleton-chart span,
.workspace-skeleton-panel span{
  border-radius:6px;
  opacity:.65;
}

.live-module-card{position:relative;}
.live-module-frame{opacity:0;transition:opacity .18s ease;}
.live-module-frame.is-loaded{opacity:1;}

@keyframes workspaceSkeletonPulse{
  0%{background-position:100% 0}
  100%{background-position:-100% 0}
}

@media (max-width:900px){
  .workspace-skeleton-grid{grid-template-columns:1fr;}
  .workspace-skeleton-panel{display:none;}
}

@media (max-width:980px){
  .premium-topbar{
    position:sticky;
    padding:12px 14px;
  }

  .premium-top-brand img{
    width:46px;
    height:46px;
  }

  .premium-top-brand b{
    font-size:21px;
  }

  .premium-top-actions .saas-workspace.compact{
    min-width:min(100%,230px);
  }

  .premium-sidebar,
  .premium-user-layout.is-collapsed .premium-sidebar{
    top:auto;
    height:auto;
    min-height:0;
    border-radius:0 0 18px 18px;
  }

  .premium-main,
  .premium-user-layout.is-collapsed .premium-main{
    padding-top:24px;
  }
}

/* Integrated command dashboard refresh */
.premium-user-shell{
  --app-topbar-h:92px;
  --sidebar-wide:264px;
  --sidebar-compact:84px;
}

.premium-user-shell,
.premium-user-shell .page-wrap,
.premium-main{
  background:
    radial-gradient(circle at 19% 13%,rgba(45,141,255,.13),transparent 28%),
    radial-gradient(circle at 88% 17%,rgba(45,141,255,.1),transparent 24%),
    linear-gradient(180deg,#061424 0%,#04101d 42%,#030b14 100%);
}

.premium-topbar,
body.sidebar-collapsed .premium-topbar,
.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-topbar{
  height:var(--app-topbar-h);
  padding:18px 28px 12px;
  background:
    radial-gradient(circle at 88% 50%,rgba(45,141,255,.13),transparent 18%),
    linear-gradient(180deg,rgba(6,20,36,.86),rgba(6,20,36,.42) 72%,rgba(6,20,36,0));
  border-bottom:0;
  box-shadow:none;
}

.premium-topbar:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-72px;
  height:120px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(45,141,255,.06),rgba(45,141,255,0));
}

.premium-sidebar{
  top:var(--app-topbar-h);
  height:calc(100vh - var(--app-topbar-h));
  min-height:calc(100vh - var(--app-topbar-h));
  border-top:0;
  border-right:1px solid rgba(94,151,235,.07);
  border-radius:0;
  background:
    linear-gradient(180deg,rgba(7,20,36,.58),rgba(5,14,25,.72)),
    radial-gradient(circle at 100% 6%,rgba(45,141,255,.12),transparent 34%);
  box-shadow:12px 0 54px rgba(0,0,0,.18);
}

.premium-sidebar:before{
  top:var(--app-topbar-h);
  height:calc(100vh - var(--app-topbar-h));
  background:linear-gradient(90deg,rgba(45,141,255,.04),rgba(45,141,255,0));
}

.premium-sidebar-head:after{
  opacity:.32;
}

.premium-main,
.premium-user-layout.is-collapsed .premium-main{
  width:calc(100vw - var(--sidebar-wide));
  margin-left:var(--sidebar-wide);
  padding:calc(var(--app-topbar-h) + 24px) 26px 34px 26px;
  max-width:none;
  min-width:0;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 72% 7%,rgba(45,141,255,.12),transparent 28%),
    linear-gradient(180deg,rgba(6,20,36,.1),rgba(3,11,20,.12));
}

.premium-user-layout.is-collapsed .premium-main{
  width:calc(100vw - var(--sidebar-compact));
  margin-left:var(--sidebar-compact);
}

.dashboard-command-hero{
  display:grid;
  grid-template-columns:minmax(140px,190px) minmax(280px,.9fr) minmax(300px,1fr) minmax(220px,.62fr);
  align-items:center;
  gap:22px;
  min-height:172px;
  margin:0 0 8px;
  padding:4px 4px 12px;
  border:0;
  background:transparent;
}

.hero-assistant-v2{
  position:relative;
  width:166px;
  height:166px;
  display:grid;
  place-items:center;
}

.mimatt-live-avatar{
  position:relative;
  width:176px;
  height:176px;
  display:grid;
  place-items:center;
  isolation:isolate;
}

.mimatt-avatar-video{
  position:absolute;
  left:50%;
  top:50%;
  width:230px;
  height:230px;
  object-fit:contain;
  transform:translate(-50%,-52%);
  z-index:5;
  display:block;
  opacity:1;
  filter:drop-shadow(0 20px 36px rgba(0,0,0,.42));
}

.mimatt-live-avatar.video-missing .mimatt-avatar-video,
.mimatt-avatar-video:not([src]){
  display:none;
}

.mimatt-live-avatar.base-video-mode:not(.video-missing) .mimatt-css-avatar{
  display:none;
}

.mimatt-live-avatar.base-video-mode:not(.video-missing) .mimatt-avatar-video{
  display:block;
}

.mimatt-css-avatar{
  position:relative;
  width:128px;
  height:154px;
  display:grid;
  justify-items:center;
  align-content:start;
  z-index:1;
  animation:mimatt-head-random 7s ease-in-out infinite;
}

.mimatt-avatar-head{
  position:relative;
  width:82px;
  height:66px;
  border:2px solid rgba(204,225,255,.86);
  border-radius:30px 30px 24px 24px;
  background:linear-gradient(180deg,#f8fbff 0%,#c8d4e2 36%,#172332 37%,#07101b 100%);
  box-shadow:0 0 0 4px rgba(57,142,255,.08),0 18px 34px rgba(0,0,0,.34);
  transform-origin:50% 80%;
}

.mimatt-avatar-face{
  position:absolute;
  left:13px;
  right:13px;
  bottom:10px;
  height:31px;
  border-radius:14px;
  background:#06111d;
  box-shadow:inset 0 0 18px rgba(55,194,255,.24);
}

.mimatt-eye{
  position:absolute;
  top:8px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#45d8ff;
  box-shadow:0 0 12px #2ccfff;
  animation:mimatt-blink 5.4s infinite;
}

.mimatt-eye.left{left:15px;}
.mimatt-eye.right{right:15px;}

.mimatt-mouth{
  --mouth-open:.16;
  position:absolute;
  left:50%;
  bottom:5px;
  width:22px;
  height:calc(4px + (14px * var(--mouth-open)));
  border-radius:999px;
  transform:translateX(-50%);
  background:#2bd7ff;
  box-shadow:0 0 10px rgba(43,215,255,.82);
  transition:height .08s linear;
}

.mimatt-live-avatar.is-speaking .mimatt-mouth{
  animation:mimatt-mouth-talk .22s infinite;
}

.mimatt-avatar-body{
  width:74px;
  height:72px;
  margin-top:-2px;
  border:2px solid rgba(222,185,90,.86);
  border-radius:26px 26px 20px 20px;
  display:grid;
  place-items:center;
  color:#f7d37a;
  font-weight:900;
  font-size:18px;
  background:linear-gradient(155deg,#1a2637,#050b12 54%,#111923);
  box-shadow:inset 0 0 22px rgba(247,211,122,.15),0 18px 36px rgba(0,0,0,.36);
}

.mimatt-avatar-arm{
  position:absolute;
  top:76px;
  width:22px;
  height:70px;
  border-radius:20px;
  background:linear-gradient(180deg,#e8eef7,#6f8198 45%,#101826);
  transform-origin:50% 12%;
}

.mimatt-avatar-arm.left{
  left:8px;
  transform:rotate(18deg);
  animation:mimatt-arm-wave 9s ease-in-out infinite;
}

.mimatt-avatar-arm.right{
  right:8px;
  transform:rotate(-18deg);
  animation:mimatt-arm-small 11s ease-in-out infinite;
}

.mimatt-avatar-bubble{
  position:absolute;
  left:112px;
  top:6px;
  width:min(330px,44vw);
  max-height:88px;
  overflow:hidden;
  padding:10px 12px;
  border:1px solid rgba(67,148,255,.22);
  border-radius:10px;
  background:rgba(7,17,30,.9);
  color:#dcecff;
  font-size:11px;
  line-height:1.35;
  box-shadow:0 18px 46px rgba(0,0,0,.28);
  opacity:.98;
}

.mimatt-avatar-speak{
  position:absolute;
  right:2px;
  bottom:0;
  z-index:4;
  min-width:38px;
  min-height:28px;
  border:1px solid rgba(73,154,255,.42);
  border-radius:8px;
  background:rgba(10,31,55,.88);
  color:#dcecff;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
}

.mimatt-live-avatar.is-speaking .mimatt-css-avatar{
  animation:mimatt-head-talk 2.2s ease-in-out infinite;
}

.calendar-command-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 0 16px;
  padding:22px 24px;
  border:1px solid rgba(92,151,244,.16);
  border-radius:10px;
  background:linear-gradient(135deg,rgba(12,25,44,.82),rgba(5,14,26,.9));
  box-shadow:0 22px 58px rgba(0,0,0,.24);
}

.calendar-command-hero h1,
.calendar-full-head h2{
  margin:4px 0 6px;
  color:#f7fbff;
  letter-spacing:0;
}

.calendar-command-hero p{
  margin:0;
  color:#a9bad6;
}

.calendar-hero-status{
  min-width:220px;
  display:grid;
  gap:5px;
  padding:14px 16px;
  border:1px solid rgba(91,144,220,.14);
  border-radius:8px;
  background:rgba(7,17,31,.74);
}

.calendar-hero-status span,
.calendar-summary-grid span{
  color:#8fa9d2;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.calendar-hero-status b{
  color:#5f92ff;
  font-size:24px;
}

.calendar-hero-status small{
  color:#b9c8dc;
}

.calendar-overview-grid{
  display:grid;
  grid-template-columns:1.05fr 1.25fr .8fr;
  gap:14px;
  margin-bottom:16px;
}

.calendar-panel,
.calendar-full-card{
  border:1px solid rgba(92,151,244,.14);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(10,22,39,.86),rgba(6,14,26,.92));
  box-shadow:0 18px 48px rgba(0,0,0,.22);
}

.calendar-panel{
  min-height:172px;
  padding:14px;
}

.calendar-panel-head,
.calendar-full-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.calendar-panel-head h3{
  margin:0;
  color:#f4f8ff;
  font-size:15px;
}

.calendar-panel-head span{
  color:#72aaff;
  font-size:11px;
  font-weight:900;
}

.calendar-agenda-list,
.calendar-alert-list{
  display:grid;
  gap:8px;
  margin-top:12px;
}

.calendar-agenda-list > div,
.calendar-alert-list > div{
  display:grid;
  grid-template-columns:62px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:9px 10px;
  border:1px solid rgba(92,151,244,.10);
  border-radius:8px;
  background:rgba(5,14,26,.66);
}

.calendar-agenda-list time,
.calendar-alert-list time{
  color:#f7fbff;
  font-weight:900;
}

.calendar-agenda-list span,
.calendar-alert-list span{
  color:#dce7f7;
  font-weight:800;
}

.calendar-agenda-list small,
.calendar-alert-list small{
  display:block;
  color:#8fa9d2;
  font-size:11px;
  font-weight:700;
}

.calendar-agenda-list b,
.calendar-alert-list b{
  color:#48e6a4;
  font-size:11px;
}

.calendar-summary-grid{
  display:grid;
  gap:10px;
  margin-top:14px;
}

.calendar-summary-grid > div{
  display:grid;
  gap:4px;
  padding:12px;
  border:1px solid rgba(92,151,244,.10);
  border-radius:8px;
  background:rgba(5,14,26,.66);
}

.calendar-summary-grid b{
  color:#f7fbff;
  font-size:17px;
}

.calendar-full-card{
  padding:14px;
}

.calendar-full-head{
  padding:0 0 12px;
}

.calendar-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.calendar-frame{
  width:100%;
  min-height:940px;
  border:1px solid rgba(92,151,244,.16);
  border-radius:10px;
  background:#080c18;
}

.news-command-hero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 0 16px;
  padding:22px 24px;
  border:1px solid rgba(92,151,244,.16);
  border-radius:10px;
  background:linear-gradient(135deg,rgba(12,25,44,.82),rgba(5,14,26,.9));
  box-shadow:0 22px 58px rgba(0,0,0,.24);
}

.news-command-hero h1,
.news-full-head h2{
  margin:4px 0 6px;
  color:#f7fbff;
  letter-spacing:0;
}

.news-command-hero p{
  margin:0;
  color:#a9bad6;
}

.news-hero-status{
  min-width:240px;
  display:grid;
  gap:5px;
  padding:14px 16px;
  border:1px solid rgba(91,144,220,.14);
  border-radius:8px;
  background:rgba(7,17,31,.74);
}

.news-hero-status span,
.news-summary-grid span{
  color:#8fa9d2;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.news-hero-status b{
  color:#48e6a4;
  font-size:24px;
}

.news-hero-status small{
  color:#b9c8dc;
}

.news-page-status{
  min-width:220px;
  display:grid;
  gap:4px;
  padding:10px 13px;
  border:1px solid rgba(91,144,220,.18);
  border-radius:12px;
  background:rgba(7,17,31,.74);
}

.news-page-status span{
  color:#8fa9d2;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.news-page-status b{
  color:#48e6a4;
  font-size:18px;
  line-height:1.1;
}

.news-page-status small{
  color:#b9c8dc;
  font-size:11px;
}

.news-overview-grid,
.news-content-grid{
  display:grid;
  gap:14px;
  margin-bottom:18px;
}

.news-overview-grid{
  grid-template-columns:1.15fr .8fr .95fr;
}

.news-content-grid{
  grid-template-columns:.9fr 1.1fr;
}

.news-panel,
.news-full-card{
  border:1px solid rgba(92,151,244,.14);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(10,22,39,.86),rgba(6,14,26,.92));
  box-shadow:0 18px 48px rgba(0,0,0,.22);
}

.news-panel{
  padding:14px;
}

.news-panel-head,
.news-full-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}

.news-panel-head h3{
  margin:0;
  color:#f4f8ff;
  font-size:15px;
}

.news-panel-head span,
.news-panel-head a{
  color:#72aaff;
  font-size:11px;
  font-weight:900;
  text-decoration:none;
}

.news-top-alert{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:13px;
  border:1px solid rgba(255,195,76,.28);
  border-radius:9px;
  background:rgba(39,29,10,.34);
}

.news-top-alert > span{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#ffc34c;
  color:#07111c;
  font-weight:900;
}

.news-top-alert b{
  display:block;
  color:#f7fbff;
  font-size:16px;
  line-height:1.25;
}

.news-top-alert small{
  display:block;
  margin-top:4px;
  color:#a9bad6;
}

.news-summary-grid{
  display:grid;
  gap:10px;
}

.news-summary-grid > div,
.news-row-list > div{
  display:grid;
  gap:4px;
  padding:12px;
  border:1px solid rgba(92,151,244,.10);
  border-radius:8px;
  background:rgba(5,14,26,.66);
}

.news-summary-grid b{
  color:#f7fbff;
  font-size:16px;
}

.news-filter-row{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.news-filter-row .secondary-btn.active{
  border-color:#2d8dff;
  background:#0f3152;
  color:#fff;
}

.news-row-list{
  display:grid;
  gap:8px;
}

.news-row-list > div{
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
}

.news-row-list span{
  color:#dce7f7;
  font-weight:800;
}

.news-row-list small{
  display:block;
  margin-top:2px;
  color:#8fa9d2;
  font-size:11px;
}

.news-row-list b{
  color:#48e6a4;
  font-size:11px;
  text-align:right;
}

.news-full-card{
  padding:14px;
}

.news-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.news-frame{
  width:100%;
  min-height:780px;
  display:block;
  border:0;
  border-radius:0;
  background:transparent;
}

.news-full-card.news-list-only{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

@media (max-width:1180px){
  .calendar-overview-grid{
    grid-template-columns:1fr;
  }
  .news-overview-grid,
  .news-content-grid{
    grid-template-columns:1fr;
  }
  .calendar-command-hero{
    align-items:stretch;
    flex-direction:column;
  }
  .news-command-hero{
    align-items:stretch;
    flex-direction:column;
  }
  .calendar-frame{
    min-height:780px;
  }
  .news-frame{
    min-height:680px;
  }
}

@keyframes mimatt-blink{
  0%,92%,100%{transform:scaleY(1);}
  94%,96%{transform:scaleY(.08);}
}

@keyframes mimatt-mouth-talk{
  0%{--mouth-open:.2;}
  35%{--mouth-open:.95;}
  70%{--mouth-open:.42;}
  100%{--mouth-open:.72;}
}

@keyframes mimatt-head-random{
  0%,100%{transform:translateY(0) rotate(0deg);}
  24%{transform:translateY(-2px) rotate(-3deg);}
  52%{transform:translateY(1px) rotate(2deg);}
  76%{transform:translateY(-1px) rotate(-1deg);}
}

@keyframes mimatt-head-talk{
  0%,100%{transform:translateY(0) rotate(0deg);}
  30%{transform:translateY(-3px) rotate(-4deg);}
  65%{transform:translateY(1px) rotate(3deg);}
}

@keyframes mimatt-arm-wave{
  0%,72%,100%{transform:rotate(18deg);}
  76%{transform:rotate(-74deg) translateY(-8px);}
  82%{transform:rotate(-58deg) translateY(-4px);}
  88%{transform:rotate(-76deg) translateY(-8px);}
}

@keyframes mimatt-arm-small{
  0%,80%,100%{transform:rotate(-18deg);}
  86%{transform:rotate(20deg);}
}

.hero-assistant-v2 .assistant-orbit{
  inset:8px;
}

.hero-assistant-v2 .assistant-core{
  width:106px;
  height:106px;
}

.hero-assistant-v2 .assistant-core img{
  width:54px;
  height:54px;
}

.hero-intro-v2{
  display:grid;
  gap:10px;
  min-width:0;
}

.hero-intro-v2 h1{
  margin:0;
  color:#f7fbff;
  font-size:24px;
  line-height:1.15;
  letter-spacing:0;
}

.hero-intro-v2 p{
  margin:0;
  color:#a9bad6;
  font-size:13px;
}

.hero-status-card{
  width:min(360px,100%);
  display:grid;
  gap:4px;
  padding:14px 16px;
  border:1px solid rgba(91,144,220,.1);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(12,25,44,.68),rgba(7,16,29,.7));
  box-shadow:0 18px 44px rgba(0,0,0,.18);
}

.hero-status-card span{
  color:#8fa9d2;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.hero-status-card b{
  color:#5f92ff;
  font-size:24px;
  line-height:1;
}

.hero-status-card small{
  color:#b8c6dc;
  font-size:12px;
}

.hero-trend-v2{
  min-width:0;
  opacity:.92;
}

.hero-trend-v2 svg{
  width:100%;
  height:120px;
  display:block;
  filter:drop-shadow(0 0 18px rgba(45,141,255,.34));
}

.hero-trend-v2 polyline{
  fill:none;
  stroke:#2688ff;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.hero-trend-v2 polyline.soft{
  stroke:rgba(38,136,255,.16);
  stroke-width:12;
}

.hero-price-v2{
  justify-self:end;
  display:grid;
  gap:5px;
  min-width:210px;
  text-align:left;
}

.hero-price-v2 span,
.hero-price-v2 em{
  color:#9aacca;
  font-size:12px;
  font-style:normal;
}

.hero-price-v2 b{
  color:#f7fbff;
  font-size:30px;
  line-height:1;
}

.hero-price-v2 small{
  color:#25e0a0;
  font-size:14px;
  font-weight:850;
}

.command-status-card{
  grid-template-columns:repeat(4,minmax(140px,1fr)) 130px;
  margin-bottom:14px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

.status-tile{
  min-height:86px;
  border-color:rgba(91,144,220,.16);
  border-radius:8px;
  background:linear-gradient(180deg,rgba(11,24,42,.74),rgba(6,15,27,.7));
}

.eye-signal span{
  background:rgba(8,18,32,.62);
}

.command-grid{
  width:100%;
  gap:8px;
}

.top-command-grid{
  grid-template-columns:minmax(240px,.9fr) minmax(240px,.9fr) minmax(520px,1.65fr);
}

.lower-command-grid{
  grid-template-columns:minmax(280px,1fr) minmax(360px,1.25fr) minmax(280px,1fr);
}

.footer-command-grid{
  grid-template-columns:minmax(520px,1.15fr) minmax(430px,.85fr);
}

.command-card{
  border-radius:8px;
  border-color:rgba(91,144,220,.17);
  background:linear-gradient(180deg,rgba(10,22,40,.76),rgba(5,14,25,.78));
  box-shadow:0 16px 44px rgba(0,0,0,.18);
}

.command-card-head{
  margin-bottom:10px;
}

.command-card-head h3{
  font-size:14px;
}

.timeline-list,
.snapshot-matrix,
.index-row div,
.research-list div,
.signal-title,
.quick-command-links a,
.news-list div{
  border-radius:7px;
  background:rgba(5,14,26,.48);
}

.quick-command-links{
  grid-template-columns:repeat(4,minmax(120px,1fr));
}

@media (min-width:1600px){
  .premium-main,
  .premium-user-layout.is-collapsed .premium-main{
    padding-right:34px;
  }

  .dashboard-command-hero{
    grid-template-columns:190px minmax(320px,.82fr) minmax(420px,1.2fr) minmax(250px,.58fr);
  }
}

@media (max-width:1400px){
  .dashboard-command-hero{
    grid-template-columns:150px minmax(280px,1fr) minmax(260px,.8fr);
  }

  .hero-price-v2{
    grid-column:2 / -1;
    justify-self:start;
    grid-template-columns:auto auto auto;
    align-items:end;
    gap:10px 16px;
  }

  .hero-price-v2 em{
    grid-column:1 / -1;
  }
}

@media (max-width:1180px){
  .premium-main,
  .premium-user-layout.is-collapsed .premium-main{
    width:calc(100vw - var(--sidebar-wide));
    padding-top:154px;
  }

  .dashboard-command-hero,
  .top-command-grid,
  .lower-command-grid,
  .footer-command-grid{
    grid-template-columns:1fr 1fr;
  }

  .hero-trend-v2,
  .market-command-card,
  .quick-command-card{
    grid-column:1 / -1;
  }
}

@media (max-width:980px){
  .premium-main,
  .premium-user-layout.is-collapsed .premium-main{
    width:100%;
    margin-left:0;
    padding:24px 14px;
  }

  .dashboard-command-hero,
  .top-command-grid,
  .lower-command-grid,
  .footer-command-grid,
  .command-status-card{
    grid-template-columns:1fr;
  }

  .hero-assistant-v2{
    margin:auto;
  }

  .hero-price-v2{
    grid-column:auto;
    grid-template-columns:1fr;
  }
}

/* Unified shell polish: no hard top split, legacy wordmark, breathing margins */
.premium-user-shell{
  --shell-gutter:22px;
  --app-topbar-h:104px;
  --sidebar-wide:264px;
  --sidebar-compact:84px;
}

.premium-user-shell .bg-layer{
  background:
    radial-gradient(circle at 18% 9%,rgba(45,141,255,.14),transparent 28%),
    radial-gradient(circle at 82% 4%,rgba(45,141,255,.08),transparent 24%),
    linear-gradient(180deg,#051322,#030b14 74%);
}

.premium-user-shell .bg-overlay,
.premium-user-shell .bg-fade{
  background:linear-gradient(180deg,rgba(3,11,20,.28),rgba(3,11,20,.52));
}

.premium-topbar,
body.sidebar-collapsed .premium-topbar,
.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-topbar{
  left:var(--shell-gutter);
  right:var(--shell-gutter);
  top:14px;
  width:auto;
  height:74px;
  padding:10px 18px;
  border:1px solid rgba(91,144,220,.08);
  border-radius:18px;
  background:
    radial-gradient(circle at 88% 50%,rgba(45,141,255,.1),transparent 20%),
    linear-gradient(180deg,rgba(6,20,36,.56),rgba(5,15,29,.34));
  box-shadow:0 20px 70px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.025);
  backdrop-filter:blur(18px);
}

.premium-topbar:after{
  display:none;
}

.premium-top-left{
  min-width:240px;
}

.premium-top-brand{
  gap:10px;
}

.premium-top-brand img.premium-wordmark{
  width:174px;
  height:auto;
  max-height:54px;
  object-fit:contain;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.3));
}

.premium-top-brand span{
  display:grid;
  margin-left:-4px;
}

.premium-top-brand b{
  display:none;
}

.premium-top-brand small{
  color:#9fb6da;
  font-size:12px;
  font-weight:900;
  margin-top:-2px;
}

.premium-sidebar{
  left:var(--shell-gutter);
  top:104px;
  height:calc(100vh - 126px);
  min-height:calc(100vh - 126px);
  width:var(--sidebar-wide);
  border:1px solid rgba(91,144,220,.08);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(7,20,36,.48),rgba(5,14,25,.6));
  box-shadow:0 18px 60px rgba(0,0,0,.18), inset 1px 0 0 rgba(255,255,255,.02);
  backdrop-filter:blur(14px);
}

.premium-sidebar:before{
  display:none;
}

.premium-user-layout.is-collapsed .premium-sidebar{
  width:var(--sidebar-compact);
}

.premium-main,
.premium-user-layout.is-collapsed .premium-main{
  width:calc(100vw - var(--sidebar-wide) - (var(--shell-gutter) * 3));
  margin-left:calc(var(--sidebar-wide) + (var(--shell-gutter) * 2));
  padding:116px 0 34px;
  background:transparent;
}

.premium-user-layout.is-collapsed .premium-main{
  width:calc(100vw - var(--sidebar-compact) - (var(--shell-gutter) * 3));
  margin-left:calc(var(--sidebar-compact) + (var(--shell-gutter) * 2));
}

.dashboard-command-hero{
  min-height:210px;
  grid-template-columns:minmax(220px,300px) minmax(280px,.75fr) minmax(340px,1fr) minmax(230px,.56fr);
  gap:18px;
  padding:0 0 10px;
  margin-top:-12px;
}

.hero-assistant-v2{
  width:285px;
  height:210px;
  align-self:end;
  overflow:hidden;
  border-radius:0;
}

.hero-assistant-v2 img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 22%;
  border-radius:0;
  filter:drop-shadow(0 20px 36px rgba(0,0,0,.36));
  mask-image:linear-gradient(90deg,#000 72%,rgba(0,0,0,.72) 86%,transparent 100%);
}

.hero-status-card,
.command-card,
.status-tile{
  border-radius:10px;
}

.command-grid{
  gap:10px;
}

.command-card{
  backdrop-filter:blur(10px);
}

@media (max-width:1180px){
  .premium-topbar{
    height:auto;
    min-height:82px;
  }

  .premium-sidebar{
    top:144px;
    height:calc(100vh - 166px);
    min-height:calc(100vh - 166px);
  }

  .premium-main,
  .premium-user-layout.is-collapsed .premium-main{
    padding-top:166px;
  }
}

@media (max-width:980px){
  .premium-user-shell{
    --shell-gutter:12px;
  }

  .premium-topbar,
  body.sidebar-collapsed .premium-topbar,
  .premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-topbar{
    left:var(--shell-gutter);
    right:var(--shell-gutter);
    top:10px;
  }

  .premium-sidebar,
  .premium-user-layout.is-collapsed .premium-sidebar{
    left:auto;
    width:auto;
    margin:12px var(--shell-gutter);
  }

  .premium-main,
  .premium-user-layout.is-collapsed .premium-main{
    width:auto;
    margin:0 var(--shell-gutter);
    padding-top:22px;
  }

  .dashboard-command-hero{
    margin-top:0;
    grid-template-columns:1fr;
  }

  .hero-assistant-v2{
    width:min(100%,320px);
    height:220px;
  }
}

/* Final integrated shell: remove framed topbar and keep real side margins */
.premium-user-shell{
  --shell-gutter:30px;
  --app-topbar-h:92px;
}

.premium-topbar,
body.sidebar-collapsed .premium-topbar,
.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-topbar{
  top:0;
  left:var(--shell-gutter);
  right:var(--shell-gutter);
  height:86px;
  padding:14px 0 10px;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(180deg,rgba(6,20,36,.62),rgba(6,20,36,.22) 72%,rgba(6,20,36,0))!important;
  box-shadow:none!important;
  backdrop-filter:none;
}

.premium-topbar:before,
.premium-topbar:after{
  display:none!important;
}

.premium-top-left{
  min-width:310px;
}

.premium-top-brand{
  align-items:center;
  gap:10px;
}

.premium-top-brand img.premium-brand-mark{
  width:56px;
  height:56px;
  object-fit:contain;
  flex:0 0 56px;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.4));
}

.premium-top-brand img.premium-wordmark{
  width:142px;
  max-height:44px;
  object-fit:contain;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.25));
}

.premium-top-brand span{
  margin-left:2px;
}

.premium-sidebar{
  left:var(--shell-gutter);
  top:92px;
  height:calc(100vh - 112px);
  min-height:calc(100vh - 112px);
  border-radius:14px!important;
  border-color:rgba(91,144,220,.055);
  background:linear-gradient(180deg,rgba(7,20,36,.42),rgba(5,14,25,.52));
}

.premium-main,
.premium-user-layout.is-collapsed .premium-main{
  width:calc(100vw - var(--sidebar-wide) - (var(--shell-gutter) * 3));
  margin-left:calc(var(--sidebar-wide) + (var(--shell-gutter) * 2));
  padding-top:104px;
  padding-right:0;
}

.premium-user-layout.is-collapsed .premium-main{
  width:calc(100vw - var(--sidebar-compact) - (var(--shell-gutter) * 3));
  margin-left:calc(var(--sidebar-compact) + (var(--shell-gutter) * 2));
}

.dashboard-command-hero{
  margin-top:0;
}

.hero-assistant-v2{
  width:300px;
  height:220px;
}

.hero-assistant-v2 img{
  object-position:center 18%;
  mask-image:linear-gradient(90deg,#000 78%,rgba(0,0,0,.82) 90%,transparent 100%);
}

@media (max-width:980px){
  .premium-user-shell{
    --shell-gutter:14px;
  }

  .premium-topbar,
  body.sidebar-collapsed .premium-topbar,
  .premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-topbar{
    left:var(--shell-gutter);
    right:var(--shell-gutter);
    padding-top:10px;
  }

  .premium-top-left{
    min-width:0;
  }

  .premium-top-brand img.premium-brand-mark{
    width:46px;
    height:46px;
    flex-basis:46px;
  }

  .premium-top-brand img.premium-wordmark{
    width:120px;
  }

  .premium-main,
  .premium-user-layout.is-collapsed .premium-main{
    margin-left:var(--shell-gutter);
    margin-right:var(--shell-gutter);
    width:auto;
  }
}

/* Scroll and margin correction */
.premium-user-shell{
  --shell-gutter:44px;
}

.premium-topbar,
body.sidebar-collapsed .premium-topbar,
.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-topbar{
  position:absolute!important;
  left:var(--shell-gutter);
  right:var(--shell-gutter);
  z-index:18;
}

.premium-main,
.premium-user-layout.is-collapsed .premium-main{
  width:calc(100vw - var(--sidebar-wide) - (var(--shell-gutter) * 4));
  margin-left:calc(var(--sidebar-wide) + (var(--shell-gutter) * 2));
}

.premium-user-layout.is-collapsed .premium-main{
  width:calc(100vw - var(--sidebar-compact) - (var(--shell-gutter) * 4));
  margin-left:calc(var(--sidebar-compact) + (var(--shell-gutter) * 2));
}

.premium-sidebar{
  left:var(--shell-gutter);
}

.sidebar-toggle{
  position:relative;
}

.sidebar-toggle::before{
  content:"";
  display:none;
  width:10px;
  height:10px;
  border-top:2px solid #d9e9ff;
  border-right:2px solid #d9e9ff;
  transform:rotate(45deg);
  filter:drop-shadow(0 0 8px rgba(85,200,255,.4));
}

.sidebar-toggle.is-active{
  display:grid;
  place-items:center;
}

.sidebar-toggle.is-active span{
  opacity:1!important;
  transform:none!important;
}

.sidebar-toggle.is-active::before{
  display:none;
}

@media (max-width:980px){
  .premium-user-shell{
    --shell-gutter:18px;
  }

  .premium-topbar,
  body.sidebar-collapsed .premium-topbar,
  .premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-topbar{
    position:sticky!important;
  }

  .premium-main,
  .premium-user-layout.is-collapsed .premium-main{
    width:auto;
    margin-left:var(--shell-gutter);
    margin-right:var(--shell-gutter);
  }
}

/* Workspace contract launcher */
.workspace-launcher{
  min-height:calc(100vh - 190px);
  display:grid;
  justify-items:center;
  align-content:center;
  gap:16px;
  padding:34px 26px 30px;
  margin:0 auto 18px;
  text-align:center;
  border:0;
  border-radius:0;
  background:
    radial-gradient(circle at 50% 8%,rgba(45,141,255,.16),transparent 31%),
    radial-gradient(circle at 18% 70%,rgba(39,224,162,.08),transparent 27%);
}

.workspace-launcher-head{
  display:grid;
  justify-items:center;
  gap:12px;
  max-width:640px;
}

.workspace-launcher h1{
  margin:0 0 8px;
  font-size:26px;
  color:#f5f9ff;
}

.workspace-launcher p{
  margin:0;
  color:#8fa4c6;
  line-height:1.6;
}

.workspace-bot-mark{
  width:86px;
  height:86px;
  border:1px solid rgba(77,166,255,.62);
  border-radius:26px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,rgba(10,31,58,.62),rgba(5,12,22,.7));
  box-shadow:0 16px 45px rgba(45,141,255,.18), inset 0 1px 0 rgba(255,255,255,.08);
}

.workspace-bot-mark span{
  width:42px;
  height:24px;
  border-radius:12px;
  background:
    radial-gradient(circle at 28% 42%,#61b5ff 0 10%,transparent 12%),
    radial-gradient(circle at 72% 42%,#61b5ff 0 10%,transparent 12%),
    linear-gradient(#0a1424,#0a1424);
  border-bottom:3px solid #61b5ff;
}

.contract-picker-title{
  margin-top:10px;
  color:#7f94b6;
  font-size:12px;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.contract-picker-grid{
  width:min(780px,100%);
  display:grid;
  grid-template-columns:repeat(4,minmax(120px,1fr));
  gap:10px;
}

.contract-card{
  min-height:78px;
  display:grid;
  gap:4px;
  place-items:center;
  padding:13px 10px;
  text-decoration:none;
  border:1px solid rgba(91,144,220,.16);
  border-radius:10px;
  background:rgba(5,14,26,.38);
  color:#f2f7ff;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}

.contract-card b{
  color:#d8a944;
  font-size:18px;
}

.contract-card span{
  color:#9fb5d8;
  font-size:12px;
}

.contract-card small{
  color:#35e0a2;
  font-size:11px;
  font-weight:900;
}

.contract-card:hover,
.contract-card.active{
  transform:translateY(-3px);
  border-color:rgba(85,200,255,.48);
  background:linear-gradient(135deg,rgba(45,141,255,.18),rgba(8,18,32,.58));
  box-shadow:0 16px 36px rgba(45,141,255,.14), inset 0 1px 0 rgba(255,255,255,.08);
}

.contract-card.locked{
  opacity:.58;
  background:rgba(5,14,26,.24);
}

.contract-card.locked small{
  color:#ffcf86;
}

.open-workspace-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 18px;
  border:1px solid rgba(45,141,255,.32);
  border-radius:12px;
  background:linear-gradient(135deg,rgba(45,141,255,.24),rgba(18,44,92,.34));
  color:#f5f9ff;
  text-decoration:none;
  font-weight:900;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.open-workspace-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(85,200,255,.58);
  box-shadow:0 14px 34px rgba(45,141,255,.14);
}

.contract-picker-help{
  margin-top:2px!important;
  color:#8fa4c6!important;
  font-size:12px;
}

.workspace-sync-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 16px;
  border:1px solid #173c60;
  border-radius:8px;
  background:#081827;
}

.workspace-sync-state{
  display:grid;
  grid-template-columns:minmax(80px,auto) minmax(100px,auto) minmax(210px,1fr) minmax(70px,auto);
  align-items:center;
  gap:18px;
}

.workspace-sync-state div{
  display:grid;
  gap:3px;
}

.workspace-sync-state span,
.workspace-sync-actions label{
  color:#7891b3;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.workspace-sync-state strong{
  color:#f3f8ff;
  font-size:13px;
}

.workspace-sync-bar.is-pending .workspace-sync-status strong{
  color:#f2bc55;
}

.workspace-sync-bar.is-synchronized .workspace-sync-status strong{
  color:#35e0a2;
}

.workspace-sync-bar.is-market-closed #workspaceMarketStatus{
  color:#f2bc55;
}

.workspace-sync-actions{
  display:flex;
  align-items:center;
  gap:8px;
}

.workspace-sync-actions select,
.workspace-sync-actions button,
.workspace-sync-actions a{
  min-height:36px;
  border:1px solid #214d78;
  border-radius:7px;
  background:#0b2035;
  color:#eaf3ff;
  font:inherit;
  font-size:12px;
  font-weight:800;
}

.workspace-sync-actions select{
  padding:0 30px 0 10px;
}

.workspace-sync-actions button,
.workspace-sync-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 12px;
  text-decoration:none;
  cursor:pointer;
}

.workspace-sync-actions button:disabled{
  cursor:wait;
  opacity:.65;
}

.workspace-app-container,
.workspace-root{
  min-width:0;
  padding-bottom:max(72px,env(safe-area-inset-bottom))!important;
}

.workspace-panels,
#analysisLayoutGrid,
#analysisRight{
  min-width:0;
}

#analysisRight{
  max-width:100%;
  overflow:visible;
}

.live-module-card{
  max-width:none;
  padding:0;
  overflow:visible;
  border-color:rgba(91,144,220,.1);
  background:rgba(5,13,24,.3);
}

.live-module-frame{
  height:auto;
  min-height:calc(100vh - 120px);
  background:transparent;
}

@media (max-width:760px){
  .contract-picker-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .workspace-sync-bar,
  .workspace-sync-actions{
    align-items:stretch;
    flex-direction:column;
  }
  .workspace-sync-state{
    width:100%;
    grid-template-columns:1fr;
  }
  .workspace-sync-actions{
    width:100%;
  }

  .workspace-sync-actions select,
  .workspace-sync-actions button,
  .workspace-sync-actions a{
    width:100%;
  }

  .workspace-root{
    padding-bottom:max(96px,env(safe-area-inset-bottom))!important;
  }
}

@media (max-width:1180px){
  #analysisLayoutGrid{
    grid-template-columns:minmax(0,1fr)!important;
  }

  #analysisRight{
    width:100%!important;
  }
}

/* Keep dashboard robot crisp and keep sidebar toggle as hamburger */
.hero-assistant-v2{
  overflow:visible;
}

.hero-assistant-v2 img{
  object-fit:contain!important;
  object-position:center center!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  filter:drop-shadow(0 18px 32px rgba(0,0,0,.32))!important;
  image-rendering:auto;
  backface-visibility:hidden;
}

.sidebar-toggle.is-active span:nth-child(1),
.sidebar-toggle.is-active span:nth-child(2),
.sidebar-toggle.is-active span:nth-child(3){
  opacity:1!important;
  transform:none!important;
}

/* MiMatt layout structure inspired by Datix spacing, preserving MiMatt colors */
.premium-user-shell{
  --app-topbar-h:112px;
  --app-content-gap:14px;
  --mimatt-sidebar-w:316px;
  --mimatt-sidebar-collapsed-w:86px;
}

.premium-user-shell .page-wrap{
  width:100%;
  max-width:none;
  padding:0;
}

.premium-topbar,
body.sidebar-collapsed .premium-topbar,
.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-topbar{
  position:fixed!important;
  top:0!important;
  z-index:1000!important;
  isolation:isolate;
  left:var(--mimatt-sidebar-w)!important;
  right:0!important;
  height:var(--app-topbar-h)!important;
  min-height:var(--app-topbar-h)!important;
  padding:18px 24px!important;
  display:flex!important;
  align-items:center!important;
  flex-direction:row!important;
  gap:14px!important;
  background:linear-gradient(180deg,rgba(5,15,29,.96),rgba(5,15,29,.86))!important;
  border-bottom:1px solid rgba(92,151,244,.10)!important;
  box-shadow:0 14px 40px rgba(0,0,0,.18)!important;
  overflow:visible!important;
}

body.sidebar-collapsed .premium-topbar,
.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-topbar{
  left:var(--mimatt-sidebar-collapsed-w)!important;
}

.premium-top-left{
  display:none!important;
}

.premium-top-actions{
  width:100%!important;
  justify-content:flex-end!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
}

.role-quick-switch{
  height:38px!important;
  padding:3px!important;
  border-radius:12px!important;
}

.role-quick-switch button{
  height:30px!important;
  padding:0 11px!important;
  font-size:11px!important;
}

.premium-top-actions .saas-workspace.compact{
  height:46px!important;
  min-width:280px!important;
  flex:0 0 280px!important;
  border-radius:13px!important;
  display:none!important;
}

.premium-top-actions .saas-workspace.compact select{
  height:32px!important;
}

.premium-top-actions .icon-btn,
.premium-top-actions .profile-chip{
  width:44px!important;
  height:44px!important;
  border-radius:13px!important;
}

.premium-top-actions .login-btn{
  min-height:44px!important;
  border-radius:13px!important;
}

.premium-user-layout,
.premium-user-layout.is-collapsed{
  grid-template-columns:var(--mimatt-sidebar-w) minmax(0,1fr)!important;
}

.premium-user-layout.is-collapsed{
  grid-template-columns:var(--mimatt-sidebar-collapsed-w) minmax(0,1fr)!important;
}

.premium-sidebar,
.premium-user-layout.is-collapsed .premium-sidebar{
  position:fixed!important;
  z-index:900!important;
  top:0!important;
  left:0!important;
  height:100vh!important;
  min-height:100vh!important;
  width:var(--mimatt-sidebar-w)!important;
  padding:0 20px 16px!important;
  border-radius:0 18px 18px 0!important;
  border-top:0!important;
  border-right:0!important;
  background:linear-gradient(180deg,rgba(8,18,33,.98),rgba(4,12,22,.98))!important;
  box-shadow:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}

.premium-sidebar::-webkit-scrollbar{
  display:none!important;
  width:0!important;
  height:0!important;
}

.premium-user-layout.is-collapsed .premium-sidebar{
  width:var(--mimatt-sidebar-collapsed-w)!important;
  padding:0 10px 16px!important;
}

.premium-sidebar:before{
  top:0!important;
  height:100vh!important;
}

.premium-sidebar-head{
  position:sticky!important;
  top:0!important;
  z-index:910!important;
  justify-content:space-between!important;
  gap:14px!important;
  height:var(--app-topbar-h)!important;
  min-height:var(--app-topbar-h)!important;
  margin-bottom:0!important;
  padding:14px 0!important;
  border-bottom:1px solid rgba(92,151,244,.12)!important;
  box-shadow:0 12px 24px rgba(4,12,22,.20)!important;
}

.premium-sidebar-head .premium-brand{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}

.premium-brand .brand-logo{
  width:88px!important;
  height:88px!important;
  flex:0 0 88px!important;
}

.premium-brand .sidebar-wordmark{
  display:block!important;
  width:168px!important;
  height:auto!important;
  max-height:50px!important;
  object-fit:contain!important;
  object-position:left center!important;
}

.premium-topbar,
.premium-sidebar-head{
  background:linear-gradient(180deg,rgba(5,15,29,.96),rgba(5,15,29,.86))!important;
}

.premium-sidebar-head{
  border-right:0!important;
}

.premium-sidebar .nav-group:first-of-type{
  margin-top:var(--app-content-gap)!important;
}

.premium-user-layout.is-collapsed .premium-brand .sidebar-wordmark{
  display:none!important;
}

.premium-user-layout.is-collapsed .premium-sidebar-head{
  justify-content:center!important;
}

.premium-user-layout.is-collapsed .premium-sidebar-head .premium-brand{
  display:none!important;
}

.premium-sidebar a:not(.premium-brand){
  min-height:46px!important;
  padding:11px 12px!important;
  margin:4px 0!important;
}

.premium-sidebar .nav-icon{
  width:28px!important;
  height:28px!important;
  flex-basis:28px!important;
}

.premium-sidebar .nav-icon svg{
  width:22px!important;
  height:22px!important;
}

.premium-main,
.premium-user-layout.is-collapsed .premium-main{
  margin-left:var(--mimatt-sidebar-w)!important;
  padding:calc(var(--app-topbar-h) + var(--app-content-gap)) 14px 16px!important;
  background:linear-gradient(180deg,rgba(5,15,29,.96),rgba(4,12,22,.98))!important;
}

.premium-user-layout.is-collapsed .premium-main{
  margin-left:var(--mimatt-sidebar-collapsed-w)!important;
}

.premium-main.workspace-main,
.premium-user-layout.is-collapsed .premium-main.workspace-main{
  grid-column:2!important;
  margin-left:0!important;
  padding:calc(var(--app-topbar-h) + var(--app-content-gap)) 6px 0!important;
}

.premium-user-layout.is-collapsed .premium-main.workspace-main{
  margin-left:0!important;
}

.workspace-main .live-module-card{
  margin:0!important;
  width:100%!important;
}

.workspace-main .live-module-card{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
}

.live-module-frame{
  min-height:calc(100vh - var(--app-topbar-h) - 10px)!important;
}

body.workspace-embed-mode .app-container,
body.workspace-embed-mode .workspace-root{
  padding-left:0!important;
  padding-right:0!important;
}

body.workspace-embed-mode #analysis-live{
  padding:0!important;
  margin:0!important;
}

body.workspace-embed-mode .user-clean-trading-view{
  gap:8px!important;
}

body.workspace-embed-mode .user-view-tabs{
  padding:8px 8px 6px!important;
  margin:0!important;
  border:1px solid rgba(92,151,244,.10)!important;
  border-radius:12px!important;
  background:rgba(5,15,29,.66)!important;
}

body.workspace-embed-mode #analysisLayoutGrid{
  gap:8px!important;
}

body.workspace-embed-mode #mainChartPanel,
body.workspace-embed-mode #wolfSignalCard{
  border-radius:12px!important;
}

body.workspace-embed-mode #wolfSignalCard .scalp-ready-panel,
body.workspace-embed-mode #wolfSignalCard .wolf-institutional-smc-card,
body.workspace-embed-mode #wolfSignalCard .institutional-filter-card{
  border-radius:10px!important;
}

@media (max-width:1180px){
  .premium-topbar,
  body.sidebar-collapsed .premium-topbar,
  .premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-topbar{
    left:0!important;
    height:auto!important;
    min-height:var(--app-topbar-h)!important;
    flex-wrap:wrap!important;
  }

  .premium-top-actions{
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
  }

  .premium-sidebar,
  .premium-user-layout.is-collapsed .premium-sidebar{
    position:relative!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    border-radius:0 0 18px 18px!important;
  }

  .premium-main,
  .premium-user-layout.is-collapsed .premium-main,
  .premium-main.workspace-main,
  .premium-user-layout.is-collapsed .premium-main.workspace-main{
    margin-left:0!important;
    padding:16px 10px!important;
  }
}

/* Dashboard shell cleanup: keep the left panel, simplify the topbar, and give content breathing room */
.premium-user-shell{
  --app-topbar-h:96px;
  --app-content-gap:24px;
  --mimatt-sidebar-w:292px;
  --mimatt-sidebar-collapsed-w:86px;
  --dashboard-side-gutter:34px;
}

.premium-topbar,
body.sidebar-collapsed .premium-topbar,
.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-topbar{
  height:var(--app-topbar-h)!important;
  min-height:var(--app-topbar-h)!important;
  padding:18px var(--dashboard-side-gutter)!important;
  background:linear-gradient(180deg,rgba(3,12,23,.98),rgba(3,12,23,.88))!important;
  border-bottom:1px solid rgba(92,151,244,.10)!important;
  box-shadow:0 18px 52px rgba(0,0,0,.24)!important;
}

.premium-top-actions{
  gap:10px!important;
}

.premium-top-actions .shell-diagnostic-pill,
.premium-top-actions .saas-pill.is-good,
.premium-top-actions .shell-role-preview-legacy{
  display:none!important;
}

.premium-top-actions .shell-bridge-pill{
  display:flex!important;
  height:42px!important;
  padding:0 14px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.045)!important;
}

.premium-top-actions .role-preview-control,
.premium-top-actions .saas-pill.is-warn{
  display:none!important;
}

.role-preview-control{
  display:flex;
  align-items:center!important;
  gap:8px!important;
  height:42px!important;
  padding:0 10px!important;
  border:1px solid rgba(116,163,232,.16)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.045)!important;
}

.role-preview-control label{
  color:#9fb4d5!important;
  font-size:11px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.role-preview-control select{
  height:30px!important;
  border:0!important;
  border-radius:8px!important;
  background:rgba(10,24,43,.92)!important;
  color:#f5f9ff!important;
  font-size:12px!important;
  font-weight:900!important;
}

.role-quick-switch{
  height:42px!important;
  padding:5px!important;
  border-radius:14px!important;
  background:rgba(8,20,36,.88)!important;
}

.role-quick-switch button{
  height:32px!important;
  min-height:32px!important;
  border-radius:10px!important;
}

.premium-top-actions .icon-btn,
.premium-top-actions .profile-chip,
.premium-top-actions .login-btn{
  height:42px!important;
  min-height:42px!important;
  border-radius:12px!important;
}

.premium-top-actions .icon-btn,
.premium-top-actions .profile-chip{
  width:42px!important;
}

.premium-sidebar,
.premium-user-layout.is-collapsed .premium-sidebar{
  width:var(--mimatt-sidebar-w)!important;
  border-radius:0!important;
  border-right:1px solid rgba(99,153,232,.14)!important;
  background:linear-gradient(180deg,rgba(5,15,28,.99),rgba(3,10,20,.99))!important;
  box-shadow:18px 0 54px rgba(0,0,0,.34)!important;
}

.premium-user-layout.is-collapsed .premium-sidebar{
  width:var(--mimatt-sidebar-collapsed-w)!important;
}

.premium-sidebar-head{
  height:var(--app-topbar-h)!important;
  min-height:var(--app-topbar-h)!important;
  padding:12px 0!important;
}

.premium-brand .brand-logo{
  width:72px!important;
  height:72px!important;
  flex-basis:72px!important;
}

.premium-brand .sidebar-wordmark{
  width:126px!important;
  max-height:42px!important;
}

.premium-main,
.premium-user-layout.is-collapsed .premium-main{
  min-height:100vh!important;
  margin-left:var(--mimatt-sidebar-w)!important;
  padding:calc(var(--app-topbar-h) + var(--app-content-gap)) var(--dashboard-side-gutter) 34px!important;
  background:radial-gradient(circle at 78% 0%,rgba(49,125,230,.14),transparent 32%),linear-gradient(180deg,#061321 0%,#04101d 48%,#020814 100%)!important;
}

.premium-user-layout.is-collapsed .premium-main{
  margin-left:var(--mimatt-sidebar-collapsed-w)!important;
}

.premium-main.dashboard-main{
  display:block!important;
}

.premium-main.dashboard-main > *{
  width:min(100%,1480px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.premium-main.dashboard-main .dashboard-command-hero{
  margin-top:0!important;
  margin-bottom:22px!important;
  padding:18px 22px 20px!important;
  border:1px solid rgba(91,144,220,.08)!important;
  border-radius:18px!important;
  background:linear-gradient(90deg,rgba(5,15,28,.64),rgba(10,23,43,.42),rgba(38,49,72,.20))!important;
}

.premium-main.dashboard-main .command-status-card{
  margin-bottom:22px!important;
}

.premium-main.dashboard-main .command-grid{
  gap:18px!important;
  margin-bottom:18px!important;
}

.premium-main.dashboard-main .command-card,
.premium-main.dashboard-main .status-tile{
  border-radius:12px!important;
}

.premium-main.workspace-main,
.premium-user-layout.is-collapsed .premium-main.workspace-main{
  padding:calc(var(--app-topbar-h) + 14px) 6px 0!important;
}

@media (max-width:1500px){
  .premium-user-shell{
    --dashboard-side-gutter:24px;
    --mimatt-sidebar-w:276px;
  }

  .premium-main.dashboard-main > *{
    width:100%!important;
  }
}

@media (max-width:1180px){
  .premium-user-shell{
    --dashboard-side-gutter:14px;
  }

  .premium-topbar,
  body.sidebar-collapsed .premium-topbar,
  .premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-topbar{
    left:0!important;
    padding:12px 14px!important;
  }

  .premium-sidebar,
  .premium-user-layout.is-collapsed .premium-sidebar{
    box-shadow:none!important;
  }

  .premium-main,
  .premium-user-layout.is-collapsed .premium-main,
  .premium-main.workspace-main,
  .premium-user-layout.is-collapsed .premium-main.workspace-main{
    margin-left:0!important;
    padding:18px var(--dashboard-side-gutter)!important;
  }
}

/* Bigger brand header and collapsed-sidebar brand handoff */
.premium-user-shell{
  --app-topbar-h:112px;
  --mimatt-sidebar-w:316px;
  --mimatt-sidebar-collapsed-w:86px;
}

.premium-topbar,
body.sidebar-collapsed .premium-topbar,
.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-topbar{
  height:var(--app-topbar-h)!important;
  min-height:var(--app-topbar-h)!important;
}

.premium-sidebar-head{
  height:var(--app-topbar-h)!important;
  min-height:var(--app-topbar-h)!important;
  padding:16px 0!important;
}

.premium-sidebar-head .premium-brand{
  gap:14px!important;
}

.premium-brand .brand-logo{
  width:94px!important;
  height:94px!important;
  flex-basis:94px!important;
  filter:drop-shadow(0 18px 26px rgba(0,0,0,.46))!important;
}

.premium-brand .sidebar-wordmark{
  width:174px!important;
  max-height:58px!important;
}

.premium-top-left{
  display:none!important;
}

body.sidebar-collapsed .premium-top-left,
.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-top-left{
  display:flex!important;
  align-items:center!important;
  min-width:250px!important;
  flex:0 0 auto!important;
}

body.sidebar-collapsed .premium-top-brand,
.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-top-brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  text-decoration:none!important;
}

body.sidebar-collapsed .premium-top-brand img.premium-brand-mark,
.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-top-brand img.premium-brand-mark{
  display:block!important;
  width:64px!important;
  height:64px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 14px 22px rgba(0,0,0,.42))!important;
}

body.sidebar-collapsed .premium-top-brand img.premium-wordmark,
.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-top-brand img.premium-wordmark{
  display:block!important;
  width:156px!important;
  height:auto!important;
  max-height:52px!important;
  object-fit:contain!important;
  object-position:left center!important;
}

body.sidebar-collapsed .premium-top-brand span,
.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-top-brand span{
  display:none!important;
}

body.sidebar-collapsed .premium-top-actions,
.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-top-actions{
  width:auto!important;
  flex:1 1 auto!important;
}

.premium-user-layout.is-collapsed .premium-sidebar-head{
  justify-content:center!important;
  align-content:center!important;
}

.premium-user-layout.is-collapsed .premium-sidebar-head .premium-brand{
  display:none!important;
}

.premium-user-layout.is-collapsed .premium-sidebar-head .sidebar-toggle{
  width:46px!important;
  height:46px!important;
}

@media (max-width:1500px){
  .premium-user-shell{
    --mimatt-sidebar-w:300px;
  }

  .premium-brand .brand-logo{
    width:86px!important;
    height:86px!important;
    flex-basis:86px!important;
  }

  .premium-brand .sidebar-wordmark{
    width:158px!important;
  }
}

@media (max-width:1180px){
  body.sidebar-collapsed .premium-top-left,
  .premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-top-left{
    display:none!important;
  }
}

/* Correction: external shell gutter, compact dashboard internals, and persistent hamburger */
.premium-user-shell{
  --shell-outer-gutter:18px;
  --dashboard-side-gutter:12px;
  --app-topbar-h:112px;
}

.premium-sidebar,
.premium-user-layout.is-collapsed .premium-sidebar{
  left:var(--shell-outer-gutter)!important;
  top:var(--shell-outer-gutter)!important;
  height:calc(100vh - (var(--shell-outer-gutter) * 2))!important;
  min-height:calc(100vh - (var(--shell-outer-gutter) * 2))!important;
  border-radius:14px!important;
  border:1px solid rgba(99,153,232,.16)!important;
}

.premium-sidebar-head{
  border-radius:14px 14px 0 0!important;
}

.premium-topbar,
body.sidebar-collapsed .premium-topbar,
.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-topbar{
  left:calc(var(--mimatt-sidebar-w) + (var(--shell-outer-gutter) * 2))!important;
  right:var(--shell-outer-gutter)!important;
  top:var(--shell-outer-gutter)!important;
  height:calc(var(--app-topbar-h) - var(--shell-outer-gutter))!important;
  min-height:calc(var(--app-topbar-h) - var(--shell-outer-gutter))!important;
  border-radius:14px!important;
  padding:14px 18px!important;
}

body.sidebar-collapsed .premium-topbar,
.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-topbar{
  left:calc(var(--mimatt-sidebar-collapsed-w) + (var(--shell-outer-gutter) * 2))!important;
}

.premium-main,
.premium-user-layout.is-collapsed .premium-main{
  margin-left:calc(var(--mimatt-sidebar-w) + (var(--shell-outer-gutter) * 2))!important;
  padding:calc(var(--app-topbar-h) + 14px) var(--dashboard-side-gutter) 24px!important;
}

.premium-user-layout.is-collapsed .premium-main{
  margin-left:calc(var(--mimatt-sidebar-collapsed-w) + (var(--shell-outer-gutter) * 2))!important;
}

.premium-main.dashboard-main > *{
  width:100%!important;
  max-width:none!important;
}

.premium-main.dashboard-main .dashboard-command-hero{
  padding:8px 8px 12px!important;
  margin-bottom:14px!important;
  border-color:rgba(91,144,220,.05)!important;
  background:rgba(5,15,28,.24)!important;
}

.premium-main.dashboard-main .command-status-card{
  margin-bottom:14px!important;
}

.premium-main.dashboard-main .command-grid{
  gap:8px!important;
  margin-bottom:8px!important;
}

.premium-main.dashboard-main .command-card,
.premium-main.dashboard-main .status-tile{
  border-radius:8px!important;
}

.sidebar-toggle,
.sidebar-toggle.is-active,
.premium-sidebar-head .sidebar-toggle,
.premium-user-layout.is-collapsed .premium-sidebar-head .sidebar-toggle{
  display:grid!important;
  place-content:center!important;
  gap:4px!important;
  width:44px!important;
  height:44px!important;
  padding:0!important;
}

.sidebar-toggle span,
.sidebar-toggle.is-active span,
.sidebar-toggle.is-active span:nth-child(1),
.sidebar-toggle.is-active span:nth-child(2),
.sidebar-toggle.is-active span:nth-child(3){
  display:block!important;
  width:18px!important;
  height:2px!important;
  opacity:1!important;
  transform:none!important;
  border-radius:99px!important;
  background:#d9e9ff!important;
}

.sidebar-toggle::before,
.sidebar-toggle.is-active::before{
  display:none!important;
  content:none!important;
}

@media (max-width:1500px){
  .premium-user-shell{
    --shell-outer-gutter:14px;
    --dashboard-side-gutter:10px;
  }
}

@media (max-width:1180px){
  .premium-sidebar,
  .premium-user-layout.is-collapsed .premium-sidebar{
    left:0!important;
    top:0!important;
    height:auto!important;
    min-height:0!important;
    border-radius:0 0 14px 14px!important;
  }

  .premium-topbar,
  body.sidebar-collapsed .premium-topbar,
  .premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-topbar{
    left:0!important;
    right:0!important;
    top:0!important;
    border-radius:0!important;
  }

  .premium-main,
  .premium-user-layout.is-collapsed .premium-main,
  .premium-main.workspace-main,
  .premium-user-layout.is-collapsed .premium-main.workspace-main{
    margin-left:0!important;
    padding:18px 10px!important;
  }
}

/* Last rule in file: sidebar header and system card alignment */
.premium-user-shell .premium-sidebar{
  box-sizing:border-box!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow-x:hidden!important;
}

.premium-user-shell .premium-sidebar-head{
  width:var(--mimatt-sidebar-w)!important;
  max-width:var(--mimatt-sidebar-w)!important;
  min-width:0!important;
  left:0!important;
  right:auto!important;
  margin:0!important;
  padding:0 60px 0 16px!important;
  box-sizing:border-box!important;
  justify-content:center!important;
}

.premium-user-shell .premium-sidebar-head .premium-brand{
  flex:0 1 auto!important;
  width:auto!important;
  max-width:250px!important;
  margin:0 auto!important;
  padding:0!important;
  justify-content:center!important;
  gap:12px!important;
  transform:translateX(2px)!important;
}

.premium-user-shell .premium-sidebar-head .brand-logo{
  width:90px!important;
  height:90px!important;
  flex-basis:90px!important;
}

.premium-user-shell .premium-sidebar-head .sidebar-wordmark{
  width:166px!important;
  max-height:56px!important;
}

.premium-user-shell .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-sidebar .sidebar-toggle.is-active{
  left:calc(var(--shell-outer-gutter) + var(--mimatt-sidebar-w) - 56px)!important;
}

.premium-user-shell .premium-sidebar a:not(.premium-brand),
.premium-user-shell .premium-sidebar a:not(.premium-brand).active,
.premium-user-shell .premium-sidebar a:not(.premium-brand):hover,
.premium-user-shell .premium-sidebar .sidebar-system-card{
  width:calc(var(--mimatt-sidebar-w) - 56px)!important;
  max-width:calc(var(--mimatt-sidebar-w) - 56px)!important;
  margin-left:28px!important;
  margin-right:28px!important;
  box-sizing:border-box!important;
}

.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar-head{
  width:var(--mimatt-sidebar-collapsed-w)!important;
  max-width:var(--mimatt-sidebar-collapsed-w)!important;
  padding:0!important;
}

.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle.is-active{
  left:calc(var(--shell-outer-gutter) + ((var(--mimatt-sidebar-collapsed-w) - 46px) / 2))!important;
}

/* FINAL TWEAK 20260605: move hamburger off the divider and hide sidebar divider */
.premium-user-shell .premium-sidebar,
.premium-user-shell .premium-sidebar-head,
.premium-user-shell .premium-topbar{
  border-right:0!important;
}

.premium-user-shell .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-sidebar .sidebar-toggle.is-active{
  left:calc(var(--shell-outer-gutter) + var(--mimatt-sidebar-w) - 50px)!important;
}

.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle.is-active{
  left:calc(var(--shell-outer-gutter) + ((var(--mimatt-sidebar-collapsed-w) - 46px) / 2))!important;
}

.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar a:not(.premium-brand),
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar a:not(.premium-brand).active,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar a:not(.premium-brand):hover,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-system-card{
  width:54px!important;
  max-width:54px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* ULTRA FINAL 20260605: larger sidebar brand and centered collapsed toggle */
.premium-user-shell .premium-sidebar-head{
  padding:0 60px 0 16px!important;
}

.premium-user-shell .premium-sidebar-head .premium-brand{
  max-width:250px!important;
  gap:12px!important;
  transform:translateX(2px)!important;
}

.premium-user-shell .premium-sidebar-head .brand-logo{
  width:90px!important;
  height:90px!important;
  flex-basis:90px!important;
}

.premium-user-shell .premium-sidebar-head .sidebar-wordmark{
  width:166px!important;
  max-height:56px!important;
}

.premium-user-shell .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-sidebar .sidebar-toggle.is-active{
  left:calc(var(--shell-outer-gutter) + var(--mimatt-sidebar-w) - 56px)!important;
}

.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle.is-active{
  left:calc(var(--shell-outer-gutter) + ((var(--mimatt-sidebar-collapsed-w) - 46px) / 2))!important;
}

/* True final sidebar alignment: constrain header, brand, nav items and system card to sidebar width */
.premium-user-shell .premium-sidebar{
  box-sizing:border-box!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow-x:hidden!important;
}

.premium-user-shell .premium-sidebar-head{
  width:var(--mimatt-sidebar-w)!important;
  max-width:var(--mimatt-sidebar-w)!important;
  min-width:0!important;
  left:0!important;
  right:auto!important;
  margin:0!important;
  padding:0 60px 0 16px!important;
  box-sizing:border-box!important;
  justify-content:center!important;
}

.premium-user-shell .premium-sidebar-head .premium-brand{
  flex:0 1 auto!important;
  width:auto!important;
  max-width:250px!important;
  margin:0 auto!important;
  padding:0!important;
  justify-content:center!important;
  gap:12px!important;
  transform:translateX(2px)!important;
}

.premium-user-shell .premium-sidebar-head .brand-logo{
  width:90px!important;
  height:90px!important;
  flex-basis:90px!important;
}

.premium-user-shell .premium-sidebar-head .sidebar-wordmark{
  width:166px!important;
  max-height:56px!important;
}

.premium-user-shell .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-sidebar .sidebar-toggle.is-active{
  left:calc(var(--shell-outer-gutter) + var(--mimatt-sidebar-w) - 56px)!important;
}

.premium-user-shell .premium-sidebar a:not(.premium-brand),
.premium-user-shell .premium-sidebar a:not(.premium-brand).active,
.premium-user-shell .premium-sidebar a:not(.premium-brand):hover{
  width:calc(var(--mimatt-sidebar-w) - 56px)!important;
  max-width:calc(var(--mimatt-sidebar-w) - 56px)!important;
  margin-left:28px!important;
  margin-right:28px!important;
}

.premium-user-shell .premium-sidebar .sidebar-system-card{
  width:calc(var(--mimatt-sidebar-w) - 56px)!important;
  max-width:calc(var(--mimatt-sidebar-w) - 56px)!important;
  margin-left:28px!important;
  margin-right:28px!important;
  box-sizing:border-box!important;
}

.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar-head{
  width:var(--mimatt-sidebar-collapsed-w)!important;
  max-width:var(--mimatt-sidebar-collapsed-w)!important;
  padding:0!important;
}

.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle.is-active{
  left:calc(var(--shell-outer-gutter) + ((var(--mimatt-sidebar-collapsed-w) - 46px) / 2))!important;
}

.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar a:not(.premium-brand),
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar a:not(.premium-brand).active,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar a:not(.premium-brand):hover,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-system-card{
  width:54px!important;
  max-width:54px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Absolute final override: sidebar toggle must never disappear */
.premium-user-shell .premium-sidebar,
.premium-user-shell .premium-sidebar-head{
  overflow:visible!important;
}

.premium-user-shell .premium-sidebar-head{
  position:sticky!important;
  top:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}

.premium-user-shell .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-sidebar .sidebar-toggle.is-active{
  position:absolute!important;
  top:50%!important;
  right:18px!important;
  left:auto!important;
  transform:translateY(-50%)!important;
  z-index:9999!important;
  display:grid!important;
  grid-template-rows:repeat(3,2px)!important;
  place-content:center!important;
  gap:5px!important;
  width:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  height:46px!important;
  min-height:46px!important;
  max-height:46px!important;
  padding:0!important;
  margin:0!important;
  opacity:1!important;
  visibility:visible!important;
  clip-path:none!important;
  overflow:visible!important;
  border:1px solid rgba(84,144,225,.38)!important;
  border-radius:13px!important;
  background:rgba(12,25,43,.98)!important;
}

.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle.is-active{
  right:50%!important;
  transform:translate(50%,-50%)!important;
}

.premium-user-shell .premium-sidebar .sidebar-toggle span,
.premium-user-shell .premium-sidebar .sidebar-toggle.is-active span,
.premium-user-shell .premium-sidebar .sidebar-toggle.is-active span:nth-child(1),
.premium-user-shell .premium-sidebar .sidebar-toggle.is-active span:nth-child(2),
.premium-user-shell .premium-sidebar .sidebar-toggle.is-active span:nth-child(3){
  display:block!important;
  width:22px!important;
  min-width:22px!important;
  max-width:22px!important;
  height:2px!important;
  min-height:2px!important;
  max-height:2px!important;
  padding:0!important;
  margin:0!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  border:0!important;
  border-radius:999px!important;
  background:#d9e9ff!important;
}

.premium-user-shell .premium-sidebar .sidebar-toggle::before,
.premium-user-shell .premium-sidebar .sidebar-toggle::after,
.premium-user-shell .premium-sidebar .sidebar-toggle.is-active::before,
.premium-user-shell .premium-sidebar .sidebar-toggle.is-active::after{
  display:none!important;
  content:none!important;
}

.premium-user-shell .premium-sidebar:before,
.premium-user-shell .premium-sidebar:after,
.premium-user-shell .premium-sidebar-head:before,
.premium-user-shell .premium-sidebar-head:after,
.premium-user-shell .premium-topbar:before,
.premium-user-shell .premium-topbar:after{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Viewport-positioned toggle: keep it inside the sidebar visual bounds */
.premium-user-shell .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-sidebar .sidebar-toggle.is-active{
  position:fixed!important;
  top:33px!important;
  left:calc(var(--shell-outer-gutter) + var(--mimatt-sidebar-w) - 64px)!important;
  right:auto!important;
  transform:none!important;
}

.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle.is-active{
  left:calc(var(--shell-outer-gutter) + ((var(--mimatt-sidebar-collapsed-w) - 46px) / 2))!important;
  right:auto!important;
  transform:none!important;
}

@media (max-width:1500px){
  .premium-user-shell .premium-sidebar .sidebar-toggle,
  .premium-user-shell .premium-sidebar .sidebar-toggle.is-active{
    left:calc(var(--shell-outer-gutter) + var(--mimatt-sidebar-w) - 60px)!important;
  }

  .premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle,
  .premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle.is-active{
    left:calc(var(--shell-outer-gutter) + ((var(--mimatt-sidebar-collapsed-w) - 46px) / 2))!important;
  }
}

/* Sidebar active item containment and collapsed toggle centering */
.premium-sidebar{
  overflow-x:hidden!important;
}

.premium-sidebar a:not(.premium-brand){
  width:calc(100% - 24px)!important;
  max-width:calc(100% - 24px)!important;
  margin-left:12px!important;
  margin-right:12px!important;
  overflow:hidden!important;
}

.premium-sidebar a:not(.premium-brand).active{
  box-shadow:inset 4px 0 0 rgba(53,177,255,.95),0 10px 28px rgba(43,123,232,.20)!important;
}

.premium-sidebar a:not(.premium-brand).active:before,
.premium-sidebar a:not(.premium-brand).active:after{
  display:none!important;
  content:none!important;
}

.premium-user-layout.is-collapsed .premium-sidebar a:not(.premium-brand){
  width:54px!important;
  max-width:54px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle.is-active{
  left:calc(var(--shell-outer-gutter) + ((var(--mimatt-sidebar-collapsed-w) - 46px) / 2) + 5px)!important;
}

/* Absolute final override: sidebar tabs must stay inside the sidebar */
.premium-user-shell .premium-sidebar{
  overflow-x:hidden!important;
  overflow-y:auto!important;
}

.premium-user-shell .premium-sidebar a:not(.premium-brand),
.premium-user-shell .premium-sidebar a:not(.premium-brand).active,
.premium-user-shell .premium-sidebar a:not(.premium-brand):hover{
  width:calc(var(--mimatt-sidebar-w) - 72px)!important;
  min-width:0!important;
  max-width:calc(var(--mimatt-sidebar-w) - 72px)!important;
  margin-left:12px!important;
  margin-right:12px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  transform:none!important;
}

.premium-user-shell .premium-sidebar a:not(.premium-brand).active{
  box-shadow:inset 4px 0 0 rgba(53,177,255,.95),0 10px 24px rgba(43,123,232,.18)!important;
}

.premium-user-shell .premium-sidebar a:not(.premium-brand).active:before,
.premium-user-shell .premium-sidebar a:not(.premium-brand).active:after{
  display:none!important;
  content:none!important;
  width:0!important;
}

.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar a:not(.premium-brand),
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar a:not(.premium-brand).active,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar a:not(.premium-brand):hover{
  width:54px!important;
  max-width:54px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Sidebar brand/card alignment and bridge status consistency */
.premium-user-shell .premium-sidebar-head .premium-brand{
  flex:1 1 auto!important;
  justify-content:center!important;
  transform:translateX(-12px)!important;
}

.premium-user-shell .premium-sidebar-head .sidebar-toggle{
  flex:0 0 46px!important;
}

.premium-user-shell .premium-sidebar .sidebar-system-card{
  width:calc(var(--mimatt-sidebar-w) - 56px)!important;
  max-width:calc(var(--mimatt-sidebar-w) - 56px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-system-card{
  width:54px!important;
  max-width:54px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.premium-top-actions .shell-bridge-pill.is-online{
  color:#a7f3d0!important;
  border-color:rgba(22,240,166,.28)!important;
  background:rgba(22,240,166,.075)!important;
}

/* Hard fix: complete hamburger and remove shell divider line */
.premium-sidebar,
.premium-user-layout.is-collapsed .premium-sidebar{
  border-right:0!important;
}

.premium-sidebar:before,
.premium-sidebar:after,
.premium-sidebar-head:before,
.premium-sidebar-head:after,
.premium-topbar:before,
.premium-topbar:after{
  display:none!important;
  content:none!important;
  width:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

.premium-sidebar-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding-left:18px!important;
  padding-right:18px!important;
  overflow:visible!important;
}

.premium-sidebar-head .premium-brand{
  min-width:0!important;
  padding-right:0!important;
}

.premium-sidebar-head .sidebar-toggle,
.premium-sidebar-head .sidebar-toggle.is-active,
.premium-user-layout.is-collapsed .premium-sidebar-head .sidebar-toggle,
.premium-user-layout.is-collapsed .premium-sidebar-head .sidebar-toggle.is-active{
  position:relative!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  transform:none!important;
  flex:0 0 46px!important;
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
  display:grid!important;
  place-content:center!important;
  gap:5px!important;
  overflow:visible!important;
  clip-path:none!important;
}

.premium-user-layout.is-collapsed .premium-sidebar-head{
  justify-content:center!important;
  padding-left:10px!important;
  padding-right:10px!important;
}

.premium-sidebar-head .sidebar-toggle span,
.premium-sidebar-head .sidebar-toggle.is-active span,
.premium-sidebar-head .sidebar-toggle.is-active span:nth-child(1),
.premium-sidebar-head .sidebar-toggle.is-active span:nth-child(2),
.premium-sidebar-head .sidebar-toggle.is-active span:nth-child(3){
  display:block!important;
  width:22px!important;
  min-width:22px!important;
  max-width:22px!important;
  height:2px!important;
  opacity:1!important;
  transform:none!important;
  border-radius:999px!important;
  background:#d9e9ff!important;
}

.sidebar-toggle::before,
.sidebar-toggle::after,
.sidebar-toggle.is-active::before,
.sidebar-toggle.is-active::after{
  display:none!important;
  content:none!important;
}

/* Keep the sidebar expand/collapse control always reachable */
.premium-sidebar-head{
  position:sticky!important;
  top:0!important;
  overflow:visible!important;
}

.premium-sidebar-head .sidebar-toggle,
.premium-user-layout.is-collapsed .premium-sidebar-head .sidebar-toggle{
  position:absolute!important;
  top:50%!important;
  right:12px!important;
  transform:translateY(-50%)!important;
  z-index:1200!important;
  display:grid!important;
  place-content:center!important;
  gap:4px!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  padding:0!important;
  opacity:1!important;
  visibility:visible!important;
  border:1px solid rgba(84,144,225,.32)!important;
  border-radius:12px!important;
  background:rgba(12,25,43,.96)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.25)!important;
}

.premium-user-layout.is-collapsed .premium-sidebar-head .sidebar-toggle{
  right:50%!important;
  transform:translate(50%,-50%)!important;
}

.premium-sidebar-head .sidebar-toggle span,
.premium-sidebar-head .sidebar-toggle.is-active span,
.premium-sidebar-head .sidebar-toggle.is-active span:nth-child(1),
.premium-sidebar-head .sidebar-toggle.is-active span:nth-child(2),
.premium-sidebar-head .sidebar-toggle.is-active span:nth-child(3){
  display:block!important;
  width:18px!important;
  height:2px!important;
  opacity:1!important;
  transform:none!important;
  border-radius:99px!important;
  background:#d9e9ff!important;
}

.premium-sidebar-head .sidebar-toggle::before,
.premium-sidebar-head .sidebar-toggle.is-active::before{
  display:none!important;
  content:none!important;
}

.premium-sidebar-head .premium-brand{
  padding-right:56px!important;
}

.premium-user-layout.is-collapsed .premium-sidebar-head .premium-brand{
  display:none!important;
}

/* Final brand/topbar polish */
body.sidebar-collapsed .premium-top-left,
.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-top-left{
  min-width:330px!important;
}

body.sidebar-collapsed .premium-top-brand,
.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-top-brand{
  gap:16px!important;
}

body.sidebar-collapsed .premium-top-brand img.premium-brand-mark,
.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-top-brand img.premium-brand-mark{
  width:82px!important;
  height:82px!important;
}

body.sidebar-collapsed .premium-top-brand img.premium-wordmark,
.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-top-brand img.premium-wordmark{
  width:205px!important;
  max-height:66px!important;
}

.premium-sidebar-head .sidebar-toggle,
.premium-user-layout.is-collapsed .premium-sidebar-head .sidebar-toggle{
  overflow:visible!important;
  clip-path:none!important;
}

.premium-sidebar-head .sidebar-toggle span,
.premium-sidebar-head .sidebar-toggle.is-active span,
.premium-sidebar-head .sidebar-toggle.is-active span:nth-child(1),
.premium-sidebar-head .sidebar-toggle.is-active span:nth-child(2),
.premium-sidebar-head .sidebar-toggle.is-active span:nth-child(3){
  width:20px!important;
  min-width:20px!important;
}

.premium-topbar,
body.sidebar-collapsed .premium-topbar,
.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-topbar,
.premium-topbar:before,
.premium-topbar:after{
  border-left:0!important;
  box-shadow:none!important;
}

.premium-topbar:before,
.premium-topbar:after{
  display:none!important;
  content:none!important;
}

/* Restore seamless shell: keep the outside gutter without turning the UI into separate boxes */
.premium-user-shell{
  --shell-outer-gutter:18px;
  --dashboard-side-gutter:8px;
}

.premium-sidebar,
.premium-user-layout.is-collapsed .premium-sidebar{
  left:var(--shell-outer-gutter)!important;
  top:0!important;
  height:100vh!important;
  min-height:100vh!important;
  border-radius:0!important;
  border-top:0!important;
  border-bottom:0!important;
  border-left:0!important;
  border-right:1px solid rgba(99,153,232,.14)!important;
  box-shadow:none!important;
  background:linear-gradient(180deg,rgba(5,15,28,.99),rgba(3,10,20,.99))!important;
}

.premium-sidebar-head{
  border-radius:0!important;
  box-shadow:none!important;
}

.premium-topbar,
body.sidebar-collapsed .premium-topbar,
.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-topbar{
  top:0!important;
  left:calc(var(--mimatt-sidebar-w) + var(--shell-outer-gutter))!important;
  right:0!important;
  height:var(--app-topbar-h)!important;
  min-height:var(--app-topbar-h)!important;
  border-radius:0!important;
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  padding:18px 24px!important;
  background:linear-gradient(180deg,rgba(3,12,23,.98),rgba(3,12,23,.88))!important;
}

body.sidebar-collapsed .premium-topbar,
.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-topbar{
  left:calc(var(--mimatt-sidebar-collapsed-w) + var(--shell-outer-gutter))!important;
}

.premium-main,
.premium-user-layout.is-collapsed .premium-main{
  margin-left:calc(var(--mimatt-sidebar-w) + var(--shell-outer-gutter))!important;
  padding:calc(var(--app-topbar-h) + 14px) var(--dashboard-side-gutter) 24px!important;
}

.premium-user-layout.is-collapsed .premium-main{
  margin-left:calc(var(--mimatt-sidebar-collapsed-w) + var(--shell-outer-gutter))!important;
}

.premium-main.dashboard-main .dashboard-command-hero{
  padding:4px 4px 12px!important;
  margin-bottom:8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}

.premium-main.dashboard-main .command-status-card{
  margin-bottom:14px!important;
}

.premium-main.dashboard-main .command-grid{
  gap:8px!important;
  margin-bottom:8px!important;
}

.premium-main.dashboard-main .command-card,
.premium-main.dashboard-main .status-tile{
  border-radius:8px!important;
}

@media (max-width:1500px){
  .premium-user-shell{
    --shell-outer-gutter:14px;
    --dashboard-side-gutter:8px;
  }
}

@media (max-width:1180px){
  .premium-sidebar,
  .premium-user-layout.is-collapsed .premium-sidebar{
    left:0!important;
    top:0!important;
    height:auto!important;
    min-height:0!important;
  }

  .premium-topbar,
  body.sidebar-collapsed .premium-topbar,
  .premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-topbar{
    left:0!important;
    right:0!important;
  }

  .premium-main,
  .premium-user-layout.is-collapsed .premium-main,
  .premium-main.workspace-main,
  .premium-user-layout.is-collapsed .premium-main.workspace-main{
    margin-left:0!important;
    padding:18px 10px!important;
  }
}

/* LAST OVERRIDE 20260605: sidebar header and system card alignment */
.premium-user-shell .premium-sidebar{
  box-sizing:border-box!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow-x:hidden!important;
}

.premium-user-shell .premium-sidebar-head{
  width:var(--mimatt-sidebar-w)!important;
  max-width:var(--mimatt-sidebar-w)!important;
  min-width:0!important;
  left:0!important;
  right:auto!important;
  margin:0!important;
  padding:0 62px 0 14px!important;
  box-sizing:border-box!important;
  justify-content:center!important;
}

.premium-user-shell .premium-sidebar-head .premium-brand{
  flex:0 1 auto!important;
  width:auto!important;
  max-width:220px!important;
  margin:0 auto!important;
  padding:0!important;
  justify-content:center!important;
  transform:translateX(8px)!important;
}

.premium-user-shell .premium-sidebar-head .brand-logo{
  width:78px!important;
  height:78px!important;
  flex-basis:78px!important;
}

.premium-user-shell .premium-sidebar-head .sidebar-wordmark{
  width:142px!important;
  max-height:48px!important;
}

.premium-user-shell .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-sidebar .sidebar-toggle.is-active{
  left:calc(var(--shell-outer-gutter) + var(--mimatt-sidebar-w) - 58px)!important;
}

.premium-user-shell .premium-sidebar a:not(.premium-brand),
.premium-user-shell .premium-sidebar a:not(.premium-brand).active,
.premium-user-shell .premium-sidebar a:not(.premium-brand):hover,
.premium-user-shell .premium-sidebar .sidebar-system-card{
  width:calc(var(--mimatt-sidebar-w) - 56px)!important;
  max-width:calc(var(--mimatt-sidebar-w) - 56px)!important;
  margin-left:28px!important;
  margin-right:28px!important;
  box-sizing:border-box!important;
}

.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar-head{
  width:var(--mimatt-sidebar-collapsed-w)!important;
  max-width:var(--mimatt-sidebar-collapsed-w)!important;
  padding:0!important;
}

.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle.is-active{
  left:calc(var(--shell-outer-gutter) + ((var(--mimatt-sidebar-collapsed-w) - 46px) / 2) + 4px)!important;
}

.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar a:not(.premium-brand),
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar a:not(.premium-brand).active,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar a:not(.premium-brand):hover,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-system-card{
  width:54px!important;
  max-width:54px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* ULTRA LAST 20260605: visible bigger brand and centered collapsed toggle */
.premium-user-shell .premium-sidebar-head{
  padding:0 60px 0 16px!important;
}

.premium-user-shell .premium-sidebar-head .premium-brand{
  max-width:250px!important;
  gap:12px!important;
  transform:translateX(2px)!important;
}

.premium-user-shell .premium-sidebar-head .brand-logo{
  width:90px!important;
  height:90px!important;
  flex-basis:90px!important;
}

.premium-user-shell .premium-sidebar-head .sidebar-wordmark{
  width:166px!important;
  max-height:56px!important;
}

.premium-user-shell .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-sidebar .sidebar-toggle.is-active{
  left:calc(var(--shell-outer-gutter) + var(--mimatt-sidebar-w) - 56px)!important;
}

.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle.is-active{
  left:calc(var(--shell-outer-gutter) + ((var(--mimatt-sidebar-collapsed-w) - 46px) / 2))!important;
}

/* FINAL MICRO ADJUST 20260605: sidebar wordmark size and hamburger position */
.premium-user-shell .premium-sidebar-head .sidebar-wordmark{
  width:205px!important;
  max-height:66px!important;
}

.premium-user-shell .premium-sidebar-head .premium-brand{
  max-width:285px!important;
  gap:14px!important;
  transform:translateX(-6px)!important;
}

.premium-user-shell .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-sidebar .sidebar-toggle.is-active{
  left:calc(var(--shell-outer-gutter) + var(--mimatt-sidebar-w) - 66px)!important;
}

.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle.is-active{
  left:calc(var(--shell-outer-gutter) + ((var(--mimatt-sidebar-collapsed-w) - 46px) / 2))!important;
}

/* FINAL COLLAPSED TOGGLE 20260605: move hamburger left when sidebar is collapsed */
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle.is-active{
  left:calc(var(--shell-outer-gutter) + 10px)!important;
}

/* FINAL CENTER COLLAPSED TOGGLE 20260605 */
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle.is-active{
  left:calc(var(--shell-outer-gutter) + ((var(--mimatt-sidebar-collapsed-w) - 46px) / 2))!important;
}

/* DEFINITIVE TOGGLE POSITION 20260605 */
.premium-user-shell .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-sidebar .sidebar-toggle.is-active{
  position:fixed!important;
  top:33px!important;
  left:calc(var(--shell-outer-gutter) + var(--mimatt-sidebar-w) - 58px)!important;
  right:auto!important;
  transform:none!important;
  z-index:9999!important;
  width:46px!important;
  height:46px!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
}

.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle.is-active{
  left:calc(var(--shell-outer-gutter) + ((var(--mimatt-sidebar-collapsed-w) - 46px) / 2))!important;
}

.premium-user-shell .premium-sidebar .sidebar-toggle span,
.premium-user-shell .premium-sidebar .sidebar-toggle.is-active span{
  display:block!important;
  width:22px!important;
  min-width:22px!important;
  height:2px!important;
  opacity:1!important;
  transform:none!important;
  background:#d9e9ff!important;
}

/* ABSOLUTE FIX 20260605: collapsed hamburger visible inside narrow sidebar */
body.sidebar-collapsed .premium-sidebar .sidebar-toggle,
body.sidebar-collapsed .premium-sidebar .sidebar-toggle.is-active,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle.is-active{
  position:fixed!important;
  left:22px!important;
  top:28px!important;
  right:auto!important;
  transform:none!important;
  width:46px!important;
  height:46px!important;
  z-index:10000!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
}

body.sidebar-collapsed .premium-sidebar .sidebar-toggle span,
body.sidebar-collapsed .premium-sidebar .sidebar-toggle.is-active span,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle span,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle.is-active span{
  display:block!important;
  width:22px!important;
  min-width:22px!important;
  height:2px!important;
  opacity:1!important;
  transform:none!important;
  background:#d9e9ff!important;
}

/* FINAL VISUAL FIX 20260605: unified top band and complete hamburger */
.premium-user-shell .premium-sidebar-head,
.premium-user-shell .premium-topbar,
body.sidebar-collapsed .premium-topbar,
.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-topbar{
  background:#030d19!important;
  background-image:none!important;
  border-color:rgba(92,151,244,.10)!important;
  box-shadow:none!important;
}

.premium-user-shell .premium-sidebar,
.premium-user-shell .premium-sidebar-head{
  border-right:0!important;
}

.premium-user-shell .premium-sidebar-head:before,
.premium-user-shell .premium-sidebar-head:after,
.premium-user-shell .premium-topbar:before,
.premium-user-shell .premium-topbar:after{
  display:none!important;
  content:none!important;
  opacity:0!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.premium-user-shell .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-sidebar .sidebar-toggle.is-active{
  left:calc(var(--shell-outer-gutter) + var(--mimatt-sidebar-w) - 76px)!important;
  background:#07192e!important;
  border-color:rgba(111,168,255,.46)!important;
  overflow:visible!important;
  clip-path:none!important;
}

body.sidebar-collapsed .premium-sidebar .sidebar-toggle,
body.sidebar-collapsed .premium-sidebar .sidebar-toggle.is-active,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle.is-active{
  left:calc(var(--shell-outer-gutter) + 20px)!important;
}

.premium-user-shell .premium-sidebar .sidebar-toggle span,
.premium-user-shell .premium-sidebar .sidebar-toggle.is-active span,
body.sidebar-collapsed .premium-sidebar .sidebar-toggle span,
body.sidebar-collapsed .premium-sidebar .sidebar-toggle.is-active span{
  width:22px!important;
  min-width:22px!important;
  max-width:22px!important;
}

/* FINAL TOPBAR/HAMBURGER FIX 20260605: remove split tone and keep toggle fully inside */
.premium-user-shell{
  --shell-topbar-bg:#030d19;
}

.premium-user-shell .premium-sidebar-head,
.premium-user-shell .premium-topbar,
body.sidebar-collapsed .premium-topbar,
.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-topbar{
  background:var(--shell-topbar-bg)!important;
  background-image:none!important;
  border-top:0!important;
  border-left:0!important;
  border-right:0!important;
  box-shadow:none!important;
}

.premium-user-shell .premium-sidebar-head,
.premium-user-shell .premium-sidebar-head .premium-brand{
  overflow:visible!important;
}

.premium-user-shell .premium-sidebar-head:before,
.premium-user-shell .premium-sidebar-head:after,
.premium-user-shell .premium-topbar:before,
.premium-user-shell .premium-topbar:after{
  display:none!important;
  content:none!important;
  opacity:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.premium-user-shell .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-sidebar .sidebar-toggle.is-active{
  position:fixed!important;
  top:28px!important;
  left:calc(var(--shell-outer-gutter) + var(--mimatt-sidebar-w) - 78px)!important;
  right:auto!important;
  transform:none!important;
  width:46px!important;
  min-width:46px!important;
  max-width:46px!important;
  height:46px!important;
  padding:0!important;
  display:grid!important;
  place-content:center!important;
  gap:5px!important;
  overflow:visible!important;
  clip-path:none!important;
  background:#07192e!important;
  border:1px solid rgba(111,168,255,.46)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.28)!important;
  z-index:10050!important;
}

body.sidebar-collapsed .premium-sidebar .sidebar-toggle,
body.sidebar-collapsed .premium-sidebar .sidebar-toggle.is-active,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle.is-active{
  left:calc(var(--shell-outer-gutter) + ((var(--mimatt-sidebar-collapsed-w) - 46px) / 2) - 8px)!important;
}

.premium-user-shell .premium-sidebar .sidebar-toggle span,
.premium-user-shell .premium-sidebar .sidebar-toggle.is-active span,
body.sidebar-collapsed .premium-sidebar .sidebar-toggle span,
body.sidebar-collapsed .premium-sidebar .sidebar-toggle.is-active span,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle span,
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .sidebar-toggle.is-active span{
  display:block!important;
  width:22px!important;
  min-width:22px!important;
  max-width:22px!important;
  height:2px!important;
  opacity:1!important;
  transform:none!important;
  border-radius:999px!important;
  background:#d9e9ff!important;
}

/* Consistent shell right margin across every tab and sidebar state */
.premium-user-shell .premium-topbar,
body.sidebar-collapsed .premium-topbar,
.premium-user-shell:has(.premium-user-layout.is-collapsed) .premium-topbar{
  right:22px!important;
}

body:not(.sidebar-collapsed) .premium-user-shell .premium-main,
.premium-user-shell .premium-user-layout:not(.is-collapsed) .premium-main{
  width:calc(100vw - var(--mimatt-sidebar-w) - var(--shell-outer-gutter) - 22px)!important;
  max-width:none!important;
  padding-right:22px!important;
  margin-right:0!important;
}

body.sidebar-collapsed .premium-main,
.premium-user-shell .premium-user-layout.is-collapsed .premium-main{
  width:calc(100vw - var(--mimatt-sidebar-collapsed-w) - var(--shell-outer-gutter) - 22px)!important;
  max-width:none!important;
  padding-right:22px!important;
  margin-right:0!important;
}

/* Uniform workspace shell: same background, same margin, tabs visible */
.premium-user-shell{
  --shell-content-margin:22px;
  --shell-main-bg:#04101d;
  --workspace-shell-bg:#04101d;
}

.premium-user-shell .premium-main.workspace-main,
.premium-user-shell .premium-user-layout.is-collapsed .premium-main.workspace-main{
  padding:calc(var(--app-topbar-h) + 14px) var(--shell-content-margin) 24px var(--shell-content-margin)!important;
  background:var(--workspace-shell-bg)!important;
  background-color:#04101d!important;
}

.workspace-main .live-module-card{
  margin:0!important;
  width:100%!important;
  border:0!important;
  border-radius:0!important;
  background:var(--shell-main-bg)!important;
  background-image:none!important;
  box-shadow:none!important;
}

.premium-user-shell .workspace-main .live-module-frame{
  background:var(--shell-main-bg)!important;
  background-color:var(--shell-main-bg)!important;
}

body.workspace-embed-mode,
body.workspace-embed-mode .app-container,
body.workspace-embed-mode .workspace-root,
body.workspace-embed-mode #analysis-live{
  background:#04101d!important;
  background-image:none!important;
}

body.workspace-embed-mode .workspace-tabs-row{
  display:block!important;
  margin:0 0 12px!important;
}

body.workspace-embed-mode .workspace-tabs{
  background:rgba(5,15,29,.72)!important;
  border:1px solid rgba(92,151,244,.12)!important;
  border-radius:12px!important;
}

/* Workspace visual cleanup: keep the platform shell, remove workspace-only blue overlays */
body.premium-user-shell .premium-main.workspace-main,
body.premium-user-shell .premium-user-layout.is-collapsed .premium-main.workspace-main{
  padding:calc(var(--app-topbar-h) + var(--app-content-gap)) var(--dashboard-side-gutter) 24px!important;
  background:var(--workspace-shell-bg)!important;
  background-color:#04101d!important;
  background-image:none!important;
  box-shadow:none!important;
}

body.premium-user-shell .workspace-main .live-module-card{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

body.premium-user-shell .workspace-main .live-module-frame{
  display:block!important;
  width:100%!important;
  min-height:0!important;
  background:transparent!important;
  background-image:none!important;
}

body.workspace-embed-mode,
body.workspace-embed-mode .page-wrap,
body.workspace-embed-mode .app-container,
body.workspace-embed-mode .workspace-root,
body.workspace-embed-mode .workspace-panels,
body.workspace-embed-mode .workspace-live-shell,
body.workspace-embed-mode #analysis-live,
body.workspace-embed-mode #userCleanTradingView,
body.workspace-embed-mode #analysisLayoutGrid{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none;
}

body.workspace-embed-mode .workspace-root{
  width:100%!important;
  max-width:none!important;
  padding:0!important;
}

body.workspace-embed-mode .workspace-panels,
body.workspace-embed-mode #analysis-live,
body.workspace-embed-mode #userCleanTradingView{
  margin-bottom:0!important;
  padding-bottom:0!important;
}

body.workspace-embed-mode #analysisLayoutGrid{
  align-items:start!important;
}

/* Global app shell background reset: no landing-style blue gradients or spotlights */
:root{
  --app-flat-bg:#07111c;
}

html,
body,
html:has(body.app-shell),
html:has(body.premium-user-shell),
body.app-shell,
body.saas-shell,
body.user-shell,
body.premium-user-shell,
body.app-shell .page-wrap,
body.saas-shell .page-wrap,
body.premium-user-shell .page-wrap,
body.app-shell .app-container,
body.app-shell .dashboard-grid,
body.app-shell .workspace-root,
body.app-shell .workspace-panels,
body.app-shell .workspace-live-shell,
body.app-shell .saas-layout,
body.app-shell .premium-user-layout,
body.app-shell .saas-main,
body.app-shell .premium-main,
body.app-shell .premium-main.dashboard-main,
body.app-shell .premium-main.workspace-main,
body.app-shell .premium-main:not(.dashboard-main),
body.app-shell main{
  background:#07111c!important;
  background-color:#07111c!important;
  background-image:none!important;
}

body.app-shell .premium-main::before,
body.app-shell .premium-main::after,
body.app-shell .page-wrap::before,
body.app-shell .page-wrap::after,
body.app-shell .premium-user-layout::before,
body.app-shell .premium-user-layout::after,
body.app-shell .dashboard-grid::before,
body.app-shell .dashboard-grid::after,
body.app-shell .workspace-root::before,
body.app-shell .workspace-root::after{
  display:none!important;
  content:none!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

body.workspace-embed-mode,
html:has(> body.workspace-embed-mode),
body.workspace-embed-mode .page-wrap,
body.workspace-embed-mode .app-container,
body.workspace-embed-mode .dashboard-grid,
body.workspace-embed-mode .workspace-root,
body.workspace-embed-mode .workspace-panels,
body.workspace-embed-mode .workspace-live-shell,
body.workspace-embed-mode #analysis-live,
body.workspace-embed-mode #userCleanTradingView,
body.workspace-embed-mode #analysisLayoutGrid,
body.workspace-embed-mode #analysisLeft,
body.workspace-embed-mode #analysisRight{
  background:#07111c!important;
  background-color:#07111c!important;
  background-image:none!important;
}

/* Restore internal Workspace analysis tabs after global background cleanup */
body.app-shell #userViewTabs,
body.app-shell .user-view-tabs{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 10px!important;
  padding:8px!important;
  border:1px solid #12375A!important;
  border-radius:8px!important;
  background:#091525!important;
  background-image:none!important;
  overflow-x:auto!important;
}

body.app-shell #userViewTabs .user-view-tab,
body.app-shell .user-view-tab{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:max-content!important;
  min-height:34px!important;
  border:1px solid #12375A!important;
  border-radius:8px!important;
  background:#091525!important;
  background-image:none!important;
  color:#c7d8ef!important;
  padding:9px 12px!important;
  font-size:12px!important;
  font-weight:850!important;
  cursor:pointer!important;
}

body.app-shell #userViewTabs .user-view-tab.active,
body.app-shell .user-view-tab.active{
  border-color:#2d8dff!important;
  background:#0b2038!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(45,141,255,.22)!important;
}

body.app-shell #workspaceAnalysisTabsRow,
body.app-shell .workspace-analysis-tabs-row{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  margin:10px 0 12px!important;
  background:transparent!important;
  background-image:none!important;
}

body.app-shell #userViewTabsTop,
body.app-shell .workspace-analysis-tabs{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  gap:8px!important;
  margin:12px 0 18px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  overflow-x:auto!important;
}

body.app-shell #userViewTabsTop .user-view-tab,
body.app-shell .workspace-analysis-tabs .user-view-tab{
  min-width:86px!important;
  min-height:42px!important;
  padding:0 18px!important;
  border:1px solid #12375A!important;
  border-radius:8px!important;
  background:#091525!important;
  color:#c7d8ef!important;
  font-size:13px!important;
  font-weight:850!important;
}

body.app-shell #userViewTabsTop .user-view-tab.active,
body.app-shell .workspace-analysis-tabs .user-view-tab.active{
  border-color:#2d8dff!important;
  background:#0f3152!important;
  color:#fff!important;
}

/* Workspace ES analyzer shell: visible internal tabs in normal and embedded routes */
body.workspace-embed-mode #analysis-live{
  margin:0!important;
  padding:28px!important;
  border:1px solid #12375A!important;
  border-radius:18px!important;
  background:#091525!important;
  background-color:#091525!important;
  background-image:none!important;
  box-shadow:0 18px 48px rgba(0,0,0,.26)!important;
}

body.workspace-embed-mode #analysis-live > .section-chip,
body.workspace-embed-mode #analysis-live > h3,
body.workspace-embed-mode #analysis-live > .muted-copy{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}

body.workspace-embed-mode #userCleanTradingView{
  background:#091525!important;
  background-color:#091525!important;
  background-image:none!important;
}

body.workspace-embed-mode #userViewTabs,
body.workspace-embed-mode .user-view-tabs{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 10px!important;
  padding:8px!important;
  border:1px solid #12375A!important;
  border-radius:8px!important;
  background:#091525!important;
  background-image:none!important;
  overflow-x:auto!important;
}

body.workspace-embed-mode #userViewTabs .user-view-tab,
body.workspace-embed-mode .user-view-tab{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:max-content!important;
  min-height:34px!important;
  border:1px solid #12375A!important;
  border-radius:8px!important;
  background:#091525!important;
  background-image:none!important;
  color:#c7d8ef!important;
  padding:9px 12px!important;
  font-size:12px!important;
  font-weight:850!important;
  cursor:pointer!important;
}

body.workspace-embed-mode #userViewTabs .user-view-tab.active,
body.workspace-embed-mode .user-view-tab.active{
  border-color:#2d8dff!important;
  background:#0b2038!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(45,141,255,.22)!important;
}

body.workspace-embed-mode #userViewTabsTop,
body.workspace-embed-mode .workspace-analysis-tabs{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  gap:8px!important;
  margin:12px 0 18px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  overflow-x:auto!important;
}

body.app-shell #userViewTabsTop .user-view-tab,
body.app-shell .workspace-analysis-tabs .user-view-tab,
body.workspace-embed-mode #userViewTabsTop .user-view-tab,
body.workspace-embed-mode .workspace-analysis-tabs .user-view-tab{
  min-width:92px!important;
  min-height:42px!important;
  padding:0 18px!important;
  border:1px solid #12375A!important;
  border-radius:8px!important;
  background:#091525!important;
  color:#c7d8ef!important;
  font-size:13px!important;
  font-weight:850!important;
}

body.app-shell #userViewTabsTop .user-view-tab.active,
body.app-shell .workspace-analysis-tabs .user-view-tab.active,
body.workspace-embed-mode #userViewTabsTop .user-view-tab.active,
body.workspace-embed-mode .workspace-analysis-tabs .user-view-tab.active{
  border-color:#2d8dff!important;
  background:#0f3152!important;
  color:#fff!important;
}

/* Dashboard assistant video: fit the transparent/no-audio MP4 without cropping. */
.premium-main.dashboard-main .hero-assistant-v2{
  width:300px!important;
  height:210px!important;
  overflow:visible!important;
}

.premium-main.dashboard-main .mimatt-live-avatar{
  width:300px!important;
  height:210px!important;
  isolation:isolate!important;
}

.premium-main.dashboard-main .hero-assistant-v2.base-video-mode .mimatt-css-avatar,
.premium-main.dashboard-main .hero-assistant-v2.base-video-mode .mimatt-avatar-speak,
.premium-main.dashboard-main .hero-assistant-v2.base-video-mode .mimatt-avatar-bubble{
  display:none!important;
}

.premium-main.dashboard-main .mimatt-avatar-video{
  width:300px!important;
  height:210px!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:translate(-50%,-50%)!important;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.36))!important;
  mix-blend-mode:normal!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}

.premium-main.dashboard-main .mimatt-avatar-canvas{
  position:absolute;
  left:50%;
  top:50%;
  width:300px!important;
  height:210px!important;
  transform:translate(-50%,-50%)!important;
  z-index:6;
  display:none;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.36))!important;
}

.premium-main.dashboard-main .mimatt-live-avatar.alpha-key-ready .mimatt-avatar-video{
  opacity:0!important;
}

.premium-main.dashboard-main .mimatt-live-avatar.alpha-key-ready .mimatt-avatar-canvas{
  display:block!important;
}

/* Final sidebar accordion ordering for Owner/Admin navigation. */
.premium-user-shell .premium-sidebar .nav-section-block{
  display:grid!important;
  gap:2px!important;
  margin-bottom:4px!important;
}
.premium-user-shell .premium-sidebar .nav-group-toggle,
.premium-user-shell .premium-sidebar button.nav-group{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:calc(100% - 16px)!important;
  margin:12px 8px 4px!important;
  padding:6px 4px!important;
  border:0!important;
  background:transparent!important;
  color:#8fa9d2!important;
  font-size:11px!important;
  font-weight:1000!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  cursor:pointer!important;
  text-align:left!important;
}
.premium-user-shell .premium-sidebar .nav-section-items{
  display:none!important;
}
.premium-user-shell .premium-sidebar .nav-section-block.is-open .nav-section-items{
  display:grid!important;
}
.premium-user-shell .premium-sidebar .nav-chevron{
  font-size:14px!important;
  line-height:1!important;
  transition:transform .16s ease!important;
  color:#9fbaf0!important;
}
.premium-user-shell .premium-sidebar .nav-section-block.is-open .nav-chevron{
  transform:rotate(180deg)!important;
}
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .nav-group-toggle{
  display:none!important;
}
.premium-user-shell .premium-user-layout.is-collapsed .premium-sidebar .nav-section-items{
  display:grid!important;
}

.saas-stat-link{
  display:block;
  min-width:0;
  color:inherit;
  text-decoration:none;
}
.saas-stat-link .saas-card{
  height:100%;
  cursor:pointer;
  transition:border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.saas-stat-link:hover .saas-card{
  border-color:rgba(75,157,255,.52);
  box-shadow:0 22px 76px rgba(0,0,0,.34), 0 0 0 1px rgba(45,141,255,.14);
  transform:translateY(-1px);
}
.saas-stat-link:focus-visible{
  outline:2px solid rgba(45,141,255,.72);
  outline-offset:3px;
  border-radius:12px;
}

.approval-command-hero h1{
  display:flex;
  align-items:center;
  gap:10px;
}
.approval-title-icons{
  color:#2d8dff;
  font-size:14px;
  letter-spacing:2px;
}
.approval-kpi-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  margin:14px 0 16px;
}
.approval-kpi{
  display:flex;
  align-items:center;
  gap:13px;
  min-height:96px;
  padding:16px;
  border:1px solid rgba(97,151,232,.18);
  border-radius:12px;
  background:linear-gradient(180deg,rgba(12,25,44,.9),rgba(7,16,29,.9));
  box-shadow:0 18px 62px rgba(0,0,0,.25);
}
.approval-kpi-icon{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  flex:0 0 44px;
  border-radius:12px;
  background:rgba(45,141,255,.18);
  color:#7fc7ff;
  font-size:21px;
  font-weight:1000;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);
}
.approval-kpi-icon:before{content:"◇";}
.approval-kpi-icon[data-icon="clipboard"]:before{content:"☷";}
.approval-kpi-icon[data-icon="check"]:before{content:"✓";}
.approval-kpi-icon[data-icon="x"]:before{content:"×";}
.approval-kpi-icon[data-icon="key"]:before{content:"⌘";}
.approval-kpi-icon[data-icon="clock"]:before{content:"◷";}
.approval-kpi.is-warn .approval-kpi-icon{background:linear-gradient(135deg,rgba(209,154,45,.92),rgba(102,72,12,.72));color:#fff0bd;}
.approval-kpi.is-good .approval-kpi-icon{background:linear-gradient(135deg,rgba(20,171,91,.92),rgba(12,77,48,.72));color:#dfffea;}
.approval-kpi.is-bad .approval-kpi-icon{background:linear-gradient(135deg,rgba(180,37,58,.9),rgba(83,14,29,.72));color:#ffe3e8;}
.approval-kpi.is-purple .approval-kpi-icon{background:linear-gradient(135deg,rgba(128,55,210,.92),rgba(48,22,89,.72));color:#f0e4ff;}
.approval-kpi-label{
  color:#9bb8e4;
  font-size:12px;
  font-weight:900;
}
.approval-kpi-value{
  margin-top:3px;
  color:#fff;
  font-size:28px;
  font-weight:1000;
}
.approval-kpi-sub,.approval-kpi-delta{
  color:#8fa4c7;
  font-size:12px;
  font-weight:800;
}
.approval-kpi-delta{color:#38e28f;margin-top:2px;}
.approval-section-head{
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:flex-start;
  margin-bottom:12px;
}
.approval-section-head p{max-width:720px;}
.approval-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:24px;
  height:24px;
  margin-left:6px;
  border:1px solid rgba(120,160,220,.25);
  border-radius:999px;
  color:#a9c7f6;
  font-size:12px;
}
.approval-head-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.approval-filter-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0 0 14px;
}
.approval-filter-row button{
  min-height:34px;
  padding:7px 11px;
  border:1px solid rgba(120,160,220,.22);
  border-radius:999px;
  background:rgba(10,20,35,.72);
  color:#aebfda;
  font-weight:900;
  cursor:pointer;
}
.approval-filter-row button.active,
.approval-filter-row button:hover{
  border-color:rgba(45,141,255,.62);
  background:rgba(30,91,168,.42);
  color:#fff;
}
.approval-table{min-width:1480px;}
.approval-avatar{
  display:inline-grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:999px;
  background:linear-gradient(135deg,#214fcb,#7627b8);
  color:#fff;
  font-weight:1000;
  box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 12px 30px rgba(0,0,0,.28);
}
.approval-avatar.large{
  width:56px;
  height:56px;
  font-size:20px;
}
.approval-user-name{
  color:#f6f9ff;
  font-weight:1000;
}
.approval-meta{
  margin-top:3px;
  color:#8fa4c7;
  font-size:11px;
  font-weight:700;
}
.approval-plan-chip,.approval-method{
  display:inline-flex;
  margin-top:5px;
  padding:4px 8px;
  border-radius:7px;
  background:rgba(67,116,185,.22);
  color:#b9d2ff;
  font-size:11px;
  font-weight:900;
}
.approval-badge{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:26px;
  padding:5px 10px;
  border:1px solid rgba(120,160,220,.2);
  border-radius:999px;
  background:rgba(10,20,35,.82);
  color:#dce9ff;
  font-size:11px;
  font-weight:1000;
  white-space:nowrap;
}
.approval-badge:before{
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:#9ba5b7;
  box-shadow:0 0 14px rgba(155,165,183,.65);
}
.payment-payment_confirmed:before,.license-active:before{background:#38e28f;box-shadow:0 0 14px rgba(56,226,143,.75);}
.payment-payment_pending:before,.license-pending_admin_approval:before,.license-payment_confirmed:before,.license-payment_pending:before{background:#f1c15e;box-shadow:0 0 14px rgba(241,193,94,.75);}
.payment-payment_failed:before,.license-rejected:before,.license-expired:before{background:#ff6377;box-shadow:0 0 14px rgba(255,99,119,.75);}
.license-suspended:before{background:#e23b48;}
.approval-row-actions{min-width:260px;}
.approval-bottom-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:12px;
}
.approval-activity-row{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:10px;
  align-items:center;
  padding:10px 0;
  border-bottom:1px solid rgba(116,158,223,.12);
  color:#cbd9f0;
  font-size:13px;
}
.approval-activity-row b{
  color:#9fb4d5;
  font-size:12px;
}
.approval-activity-dot{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:999px;
  background:rgba(45,141,255,.22);
  color:#8fcaff;
  font-size:11px;
  font-weight:1000;
}
.approval-income-value{
  margin-top:12px;
  color:#fff;
  font-size:28px;
  font-weight:1000;
}
.approval-income-value span{
  color:#9bb8e4;
  font-size:12px;
}
.approval-mini-chart{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  align-items:end;
  gap:12px;
  height:130px;
  margin-top:14px;
  padding:10px 8px 0;
  border-bottom:1px solid rgba(45,141,255,.28);
}
.approval-mini-chart i{
  display:block;
  min-height:18px;
  border-radius:999px 999px 4px 4px;
  background:linear-gradient(180deg,#2d8dff,#0b5fb7);
  box-shadow:0 0 22px rgba(45,141,255,.36);
}
.approval-mini-chart i:nth-child(1){height:calc(var(--p1) * 1%);}
.approval-mini-chart i:nth-child(2){height:calc(var(--p2) * 1%);}
.approval-mini-chart i:nth-child(3){height:calc(var(--p3) * 1%);}
.approval-mini-chart i:nth-child(4){height:calc(var(--p4) * 1%);}
.approval-mini-chart i:nth-child(5){height:calc(var(--p5) * 1%);}
.approval-mini-chart i:nth-child(6){height:calc(var(--p6) * 1%);}
.approval-mini-chart i:nth-child(7){height:calc(var(--p7) * 1%);}
.approval-chart-labels{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:8px;
  margin-top:8px;
  color:#8fa4c7;
  font-size:12px;
  text-align:center;
}
.approval-drawer{
  position:fixed;
  inset:0;
  z-index:30000!important;
  display:none;
  justify-content:flex-end;
  background:rgba(0,8,18,.46);
}
.approval-drawer.is-open{display:flex;}
.approval-drawer-panel{
  position:relative;
  width:min(430px,100%);
  height:100%;
  overflow:auto;
  border-left:1px solid rgba(97,151,232,.22);
  background:linear-gradient(180deg,rgba(8,18,32,.98),rgba(5,12,22,.98));
  box-shadow:-28px 0 80px rgba(0,0,0,.45);
}
.approval-drawer-head,
.approval-drawer-profile,
.approval-drawer-actions{
  padding:18px;
  border-bottom:1px solid rgba(116,158,223,.13);
}
.approval-drawer-head{
  position:sticky;
  top:0;
  z-index:3;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  background:linear-gradient(180deg,rgba(8,18,32,1),rgba(8,18,32,.96));
  box-shadow:0 12px 32px rgba(0,0,0,.24);
}
.approval-drawer-close{
  display:grid;
  place-items:center;
  flex:0 0 38px;
  width:38px;
  height:38px;
  border:0;
  border-radius:12px;
  background:rgba(12,24,42,.92);
  box-shadow:inset 0 0 0 1px rgba(120,160,220,.18);
  color:#e8f1ff;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}
.approval-drawer-close:hover{
  background:rgba(45,141,255,.22);
  color:#fff;
}
.approval-drawer-profile{
  display:flex;
  align-items:center;
  gap:12px;
}
.approval-drawer-profile div{flex:1;}
.approval-drawer-profile b{display:block;color:#fff;}
.approval-drawer-profile p,.approval-drawer-head p{margin:3px 0 0;color:#8fa4c7;font-size:12px;}
.approval-drawer-body{padding:18px;}
.approval-drawer-body h3{
  margin:0 0 12px;
  color:#f4f8ff;
  font-size:14px;
}
.approval-drawer-body dl{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:10px 14px;
  margin:0 0 22px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(116,158,223,.13);
}
.approval-drawer-body dt{color:#9bb0ce;font-size:12px;font-weight:800;}
.approval-drawer-body dd{margin:0;color:#e7f0ff;font-size:12px;font-weight:900;text-align:right;word-break:break-word;}
.approval-drawer-actions{
  display:grid;
  gap:10px;
  position:sticky;
  bottom:0;
  background:linear-gradient(180deg,rgba(8,18,32,.96),rgba(5,12,22,1));
}
.approval-drawer-actions .primary-btn,
.approval-drawer-actions .secondary-btn{justify-content:center;width:100%;}
.approval-green{background:linear-gradient(135deg,#0ba85b,#057d45)!important;border-color:rgba(56,226,143,.45)!important;}
.approval-orange{background:rgba(201,126,30,.18)!important;border-color:rgba(241,193,94,.42)!important;color:#ffd68a!important;}
.approval-drawer-actions p{
  margin:3px 0 0;
  color:#8fa4c7;
  font-size:12px;
}
@media (max-width:1200px){
  .approval-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .approval-bottom-grid{grid-template-columns:1fr;}
}
@media (max-width:720px){
  .approval-kpi-grid{grid-template-columns:1fr;}
  .approval-section-head{flex-direction:column;}
  .approval-head-actions,.approval-head-actions .primary-btn,.approval-head-actions .secondary-btn{width:100%;}
  .approval-drawer-panel{width:100%;}
}

/* Current activity / role controls */
.premium-top-actions .role-select-control{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  order:1!important;
  flex:0 0 224px!important;
  min-width:224px!important;
  max-width:224px!important;
  height:42px!important;
  padding:0 10px!important;
  border:1px solid rgba(116,163,232,.22)!important;
  border-radius:12px!important;
  background:rgba(8,20,36,.88)!important;
}
.premium-top-actions .role-select-control:before{
  display:none!important;
  content:none!important;
}
.premium-top-actions .role-select-control label{
  display:block!important;
  flex:0 0 auto!important;
  color:#9fb4d5!important;
  font-size:10px!important;
  font-weight:1000!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.premium-top-actions .role-select-control select{
  display:block!important;
  flex:1 1 auto!important;
  min-width:86px!important;
  height:30px!important;
  padding:0 8px!important;
  border:1px solid rgba(100,156,239,.28)!important;
  border-radius:8px!important;
  background:#0b1728!important;
  color:#f5f9ff!important;
  font-size:12px!important;
  font-weight:900!important;
}

.premium-top-actions .current-role-dropdown{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  order:6!important;
  flex:0 0 auto!important;
  min-width:210px!important;
  height:42px!important;
  padding:0 10px!important;
  border:1px solid rgba(116,163,232,.26)!important;
  border-radius:12px!important;
  background:rgba(8,20,36,.92)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  visibility:visible!important;
  opacity:1!important;
}
.premium-top-actions .current-role-dropdown label{
  display:block!important;
  color:#9fb4d5!important;
  font-size:11px!important;
  font-weight:1000!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
}
.premium-top-actions .current-role-dropdown select{
  display:block!important;
  width:96px!important;
  height:30px!important;
  padding:0 8px!important;
  border:1px solid rgba(100,156,239,.32)!important;
  border-radius:8px!important;
  background:#0b1728!important;
  color:#f5f9ff!important;
  font-size:12px!important;
  font-weight:900!important;
  outline:none!important;
}
.premium-top-actions .current-role-dropdown select:focus{
  border-color:rgba(75,157,255,.72)!important;
  box-shadow:0 0 0 3px rgba(75,157,255,.13)!important;
}

.premium-top-actions .console-switcher{
  position:relative!important;
  order:0!important;
  z-index:50!important;
  flex:0 0 auto!important;
}
.console-switcher-btn{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  height:42px!important;
  min-width:220px!important;
  padding:0 13px!important;
  border:1px solid rgba(116,163,232,.26)!important;
  border-radius:12px!important;
  background:rgba(8,20,36,.92)!important;
  color:#f5f9ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 28px rgba(0,0,0,.22)!important;
  cursor:pointer!important;
}
.console-switcher-btn span{
  font-size:16px!important;
  line-height:1!important;
}
.console-switcher-btn strong{
  flex:1!important;
  font-size:13px!important;
  font-weight:1000!important;
  text-align:left!important;
  white-space:nowrap!important;
}
.console-switcher-btn b{
  color:#9fb4d5!important;
  font-size:12px!important;
}
.console-switcher-menu{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  left:0!important;
  z-index:50!important;
  display:none!important;
  width:260px!important;
  padding:8px!important;
  border:1px solid rgba(116,163,232,.24)!important;
  border-radius:12px!important;
  background:#081426!important;
  box-shadow:0 22px 54px rgba(0,0,0,.45)!important;
}
.console-switcher.is-open .console-switcher-menu{
  display:grid!important;
  gap:4px!important;
}
.console-switcher-menu button{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-height:38px!important;
  padding:0 11px!important;
  border:1px solid transparent!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#cfe1fb!important;
  font-size:13px!important;
  font-weight:900!important;
  text-align:left!important;
  cursor:pointer!important;
}
.console-switcher-menu button:hover,
.console-switcher-menu button.active{
  border-color:rgba(75,157,255,.38)!important;
  background:rgba(40,115,224,.22)!important;
  color:#fff!important;
}
.console-switcher-menu button.is-disabled,
.console-switcher-menu button:disabled{
  opacity:.42!important;
  cursor:not-allowed!important;
}

.role-profile-shell{
  --profile-accent:#1e88ff;
  color:#f7fbff;
}
.role-profile-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 0 18px;
}
.role-profile-topline h1{
  margin:0;
  color:var(--profile-accent);
  font-size:18px;
  line-height:1;
  text-transform:uppercase;
  text-align:center;
  flex:1;
  text-shadow:0 0 16px color-mix(in srgb, var(--profile-accent) 42%, transparent);
}
.role-profile-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.role-color-picker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:6px 10px;
  border:1px solid color-mix(in srgb, var(--profile-accent) 55%, #183454);
  border-radius:8px;
  background:rgba(4,14,25,.88);
  color:#c7d8ec;
  font-size:12px;
  font-weight:800;
}
.role-color-picker input{
  width:26px;
  height:26px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
}
.role-profile-hero,
.role-profile-card,
.role-stat-card{
  border:1px solid color-mix(in srgb, var(--profile-accent) 32%, #183454);
  background:linear-gradient(145deg, rgba(9,24,39,.96), rgba(5,16,28,.96));
  box-shadow:0 18px 44px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.04);
}
.role-profile-hero{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  padding:22px;
  border-radius:8px;
}
.role-avatar-wrap{
  position:relative;
  width:118px;
  height:118px;
  border-radius:999px;
  padding:4px;
  background:conic-gradient(from 180deg, var(--profile-accent), #79c5ff, var(--profile-accent));
}
.role-avatar{
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(135deg, #102842, #06111f);
  border:4px solid #06111f;
  color:#fff;
  font-size:34px;
  font-weight:900;
  letter-spacing:0;
}
.role-camera{
  position:absolute;
  right:6px;
  bottom:8px;
  width:34px;
  height:34px;
  border-radius:999px;
  border:2px solid #071522;
  background:#f7fbff;
  color:#071522;
  font-weight:900;
  cursor:pointer;
}
.role-name-line{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.role-name-line h2{
  margin:0;
  color:#fff;
  font-size:26px;
  line-height:1.1;
}
.role-identity p{
  margin:7px 0 12px;
  color:#b8c9de;
}
.role-badge{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:5px 12px;
  border-radius:999px;
  color:var(--profile-accent);
  background:color-mix(in srgb, var(--profile-accent) 18%, transparent);
  border:1px solid color-mix(in srgb, var(--profile-accent) 34%, transparent);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}
.role-meta-row{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  color:#c9d9ec;
  font-size:12px;
}
.role-meta-row span:first-child{
  color:#44df87;
  font-weight:900;
}
.role-photo-actions{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.role-stat-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:16px 0;
}
.role-stat-card{
  min-height:88px;
  border-radius:8px;
  padding:18px;
}
.role-stat-card strong{
  display:block;
  color:var(--profile-accent);
  font-size:28px;
  line-height:1;
  margin-bottom:10px;
}
.role-stat-card span{
  color:#c0d0e4;
  font-size:13px;
}
.role-profile-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.role-extra-grid{
  margin-top:14px;
}
.role-profile-card{
  border-radius:8px;
  padding:20px;
  min-height:180px;
}
.role-profile-card h3{
  margin:0 0 16px;
  color:#fff;
  font-size:15px;
}
.role-info-row{
  display:grid;
  grid-template-columns:minmax(120px, .8fr) minmax(0,1.2fr);
  gap:12px;
  align-items:center;
  padding:9px 0;
  border-bottom:1px solid rgba(112,148,185,.12);
  color:#aebfd5;
  font-size:13px;
}
.role-info-row b{
  color:#f7fbff;
  font-weight:700;
  text-align:right;
  overflow-wrap:anywhere;
}
.role-social-row,
.role-chip-cloud{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}
.role-social-row span,
.role-chip-cloud span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 10px;
  border-radius:8px;
  color:#fff;
  background:color-mix(in srgb, var(--profile-accent) 22%, #071522);
  border:1px solid color-mix(in srgb, var(--profile-accent) 35%, transparent);
  font-size:12px;
  font-weight:800;
}
.role-progress-ring{
  width:124px;
  height:124px;
  display:grid;
  place-items:center;
  margin:4px auto 18px;
  border-radius:999px;
  background:conic-gradient(var(--profile-accent) 75%, rgba(255,255,255,.12) 0);
  position:relative;
}
.role-progress-ring:before{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:inherit;
  background:#071522;
}
.role-progress-ring span{
  position:relative;
  color:#fff;
  font-size:24px;
  font-weight:900;
}
.role-card-action{
  margin-top:14px;
}
.role-profile-shell .secondary-btn{
  border-color:color-mix(in srgb, var(--profile-accent) 55%, #33445b);
  color:#f7fbff;
}
.role-profile-shell .secondary-btn:hover{
  border-color:var(--profile-accent);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--profile-accent) 18%, transparent);
}
@media (max-width: 1100px){
  .role-stat-grid,
  .role-profile-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .role-profile-hero{
    grid-template-columns:auto minmax(0,1fr);
  }
  .role-photo-actions{
    grid-column:1 / -1;
    flex-direction:row;
  }
}
@media (max-width: 720px){
  .role-profile-topline{
    align-items:flex-start;
    flex-direction:column;
  }
  .role-profile-topline h1{
    text-align:left;
  }
  .role-profile-hero,
  .role-stat-grid,
  .role-profile-grid{
    grid-template-columns:1fr;
  }
  .role-avatar-wrap{
    width:104px;
    height:104px;
  }
  .role-info-row{
    grid-template-columns:1fr;
  }
  .role-info-row b{
    text-align:left;
  }
}

.role-profile-owner{
  width:min(100%, 980px);
}
.role-profile-owner .role-profile-topline h1,
.role-profile-admin .role-profile-topline h1,
.role-profile-tutor .role-profile-topline h1,
.role-profile-user .role-profile-topline h1{
  text-align:left;
  color:#f7fbff;
  font-size:18px;
  text-transform:none;
  text-shadow:none;
  flex:0 0 auto;
}
.role-profile-owner .role-profile-topline{
  margin-bottom:18px;
}
.role-profile-owner .role-color-picker{
  min-height:36px;
  padding:5px;
  border-color:rgba(242,183,5,.38);
}
.role-profile-owner .role-color-picker span{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
}
.role-profile-owner .role-profile-hero{
  grid-template-columns:128px minmax(0,1fr) 138px;
  min-height:144px;
  padding:16px;
  gap:18px;
}
.role-profile-owner .role-avatar-wrap{
  width:116px;
  height:116px;
}
.role-profile-owner .role-avatar{
  background:
    radial-gradient(circle at 48% 32%, #ffd5ae 0 11%, transparent 12%),
    radial-gradient(circle at 50% 44%, #f1b990 0 20%, transparent 21%),
    linear-gradient(150deg, #172f4b 0 48%, #f7fbff 49% 58%, #1b2b3d 59% 100%);
  color:transparent;
}
.role-profile-owner .role-camera{
  width:32px;
  height:32px;
  font-size:8px;
  letter-spacing:0;
}
.role-profile-owner .role-name-line h2{
  font-size:25px;
}
.role-email-status{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:18px;
  margin:8px 0 14px;
  color:#b8c9de;
}
.role-email-status b{
  position:relative;
  color:#42df85;
  font-size:12px;
  padding-left:14px;
}
.role-email-status b:before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:7px;
  height:7px;
  transform:translateY(-50%);
  border-radius:50%;
  background:#42df85;
  box-shadow:0 0 10px rgba(66,223,133,.72);
}
.role-profile-owner .role-meta-row{
  gap:26px;
  font-size:12px;
}
.role-profile-owner .role-meta-row span:first-child{
  color:#c9d9ec;
  font-weight:700;
}
.role-profile-owner .role-photo-actions .secondary-btn,
.role-profile-owner .role-profile-actions .secondary-btn{
  min-height:36px;
  border-color:rgba(242,183,5,.55);
  color:#f2b705;
  background:rgba(242,183,5,.06);
}
.role-profile-owner .role-stat-grid{
  gap:14px;
  margin:16px 0;
}
.role-profile-owner .role-stat-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:82px;
  padding:16px 18px;
}
.role-profile-owner .role-stat-card strong{
  font-size:27px;
  margin-bottom:8px;
}
.role-stat-card em{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:50%;
  color:var(--profile-accent);
  background:color-mix(in srgb, var(--profile-accent) 16%, rgba(255,255,255,.04));
  font-size:10px;
  font-style:normal;
  font-weight:900;
  text-transform:uppercase;
  overflow:hidden;
}
.role-profile-owner .role-profile-grid{
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.role-profile-owner .role-profile-card{
  min-height:260px;
}
.role-profile-owner .role-extra-grid{
  opacity:.96;
  margin-top:18px;
  padding-top:12px;
  border-top:1px solid rgba(242,183,5,.12);
}
@media (max-width: 1100px){
  .role-profile-owner .role-profile-hero{
    grid-template-columns:120px minmax(0,1fr);
  }
}
@media (max-width: 720px){
  .role-profile-owner .role-profile-hero,
  .role-profile-owner .role-profile-grid{
    grid-template-columns:1fr;
  }
  .role-profile-owner .role-avatar-wrap{
    width:106px;
    height:106px;
  }
}

.profile-page{
  --role-accent:#14B8A6;
  width:min(100%, 1180px);
  color:#f7fbff;
}
.profile-page-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0 0 16px;
}
.profile-page-head h1{
  margin:0;
  font-size:19px;
  line-height:1.1;
  color:#f8fbff;
  letter-spacing:0;
}
.profile-hero-card,
.profile-stat-card,
.profile-info-card{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  border-radius:18px;
  box-shadow:0 18px 48px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter:blur(18px);
}
.profile-hero-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:22px;
  padding:20px;
}
.profile-hero-main{
  display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
}
.profile-avatar-ring{
  width:118px;
  height:118px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:50%;
  padding:4px;
  background:conic-gradient(from 160deg, var(--role-accent), rgba(255,255,255,.22), var(--role-accent));
  box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 0 28px color-mix(in srgb, var(--role-accent) 30%, transparent);
}
.profile-avatar-ring img,
.profile-avatar-ring span{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  border-radius:inherit;
  border:4px solid rgba(3,12,22,.95);
  object-fit:cover;
}
.profile-avatar-ring span{
  color:#fff;
  font-size:34px;
  font-weight:950;
  background:
    radial-gradient(circle at 50% 32%, rgba(255,255,255,.24) 0 12%, transparent 13%),
    linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.03));
}
.profile-avatar-ring.is-male span,
.profile-avatar-ring.is-female span{
  background:
    radial-gradient(circle at 50% 32%, #f0c39d 0 16%, transparent 17%),
    linear-gradient(140deg, #162b46 0 48%, #eaf3ff 49% 57%, #101b2c 58% 100%);
  color:transparent;
}
.profile-avatar-ring.is-robot span{
  background:linear-gradient(145deg, rgba(20,184,166,.22), rgba(59,130,246,.12));
}
.profile-avatar-ring.is-mentor span{background:linear-gradient(145deg,#243b55,#d4a84f);}
.profile-avatar-ring.is-trader span{background:linear-gradient(145deg,#0b1728,#14b8a6);}
.profile-avatar-ring.is-gold span{background:linear-gradient(145deg,#31240a,#d4a84f);}
.profile-avatar-ring.is-blue span{background:linear-gradient(145deg,#07172d,#3b82f6);}
.profile-avatar-ring.is-green span{background:linear-gradient(145deg,#06251c,#35d987);}
.profile-avatar-ring.is-purple span{background:linear-gradient(145deg,#1f1235,#8b5cf6);}
.profile-identity{
  min-width:0;
}
.profile-name-line{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}
.profile-name-line h2{
  margin:0;
  color:#fff;
  font-size:27px;
  line-height:1.08;
  letter-spacing:0;
}
.profile-role-badge{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 12px;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--role-accent) 48%, transparent);
  background:color-mix(in srgb, var(--role-accent) 16%, transparent);
  color:var(--role-accent);
  font-size:11px;
  font-weight:950;
  text-transform:uppercase;
}
.profile-subtitle{
  margin:7px 0 4px;
  color:rgba(255,255,255,.75);
  font-size:14px;
}
.profile-email{
  margin:0 0 13px;
  color:#aec3dc;
  font-size:13px;
}
.profile-meta-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px 18px;
  color:#c5d4e7;
  font-size:12px;
}
.profile-status-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:24px;
  padding:4px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  color:#cbd8ea;
  font-size:12px;
  font-weight:850;
}
.profile-status-chip:before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:currentColor;
  box-shadow:0 0 12px currentColor;
}
.profile-status-chip.is-ok{color:#35d987;background:rgba(53,217,135,.08);border-color:rgba(53,217,135,.18);}
.profile-status-chip.is-warn{color:#f2c94c;background:rgba(242,201,76,.08);border-color:rgba(242,201,76,.18);}
.profile-status-chip.is-danger{color:#ff6b6b;background:rgba(255,107,107,.08);border-color:rgba(255,107,107,.18);}
.profile-hero-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  min-width:250px;
}
.profile-action-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 12px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.035);
  color:#dbe8f7;
  font-size:12px;
  font-weight:850;
  text-decoration:none;
  cursor:pointer;
}
.profile-action-btn.is-primary{
  border-color:color-mix(in srgb, var(--role-accent) 55%, rgba(255,255,255,.12));
  color:var(--role-accent);
  background:color-mix(in srgb, var(--role-accent) 10%, transparent);
}
.profile-action-btn.is-muted{
  color:#9eafc6;
}
.profile-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin:16px 0;
}
.profile-stat-card{
  position:relative;
  min-height:94px;
  padding:18px;
  overflow:hidden;
}
.profile-stat-card strong{
  display:block;
  color:var(--role-accent);
  font-size:28px;
  line-height:1;
  margin-bottom:10px;
  font-weight:950;
}
.profile-stat-card span{
  color:rgba(255,255,255,.72);
  font-size:13px;
}
.profile-stat-card em{
  position:absolute;
  right:16px;
  bottom:14px;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:50%;
  color:var(--role-accent);
  background:color-mix(in srgb, var(--role-accent) 12%, rgba(255,255,255,.04));
  font-size:9px;
  font-style:normal;
  font-weight:950;
  text-transform:uppercase;
}
.profile-main-grid,
.profile-extra-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.profile-main-grid.has-progress{
  grid-template-columns:1fr 1fr 1fr;
}
.profile-extra-grid{
  margin-top:14px;
  opacity:.94;
}
.profile-info-card{
  padding:20px;
  min-height:230px;
}
.profile-info-card h3{
  margin:0 0 16px;
  color:#fff;
  font-size:15px;
  letter-spacing:0;
}
.profile-info-list{
  display:grid;
  gap:0;
}
.profile-info-row{
  display:grid;
  grid-template-columns:minmax(118px,.9fr) minmax(0,1.1fr);
  gap:12px;
  align-items:center;
  min-height:36px;
  padding:8px 0;
  border-bottom:1px solid rgba(255,255,255,.055);
  color:rgba(255,255,255,.66);
  font-size:13px;
}
.profile-info-row b{
  color:#f4f8ff;
  font-weight:760;
  text-align:right;
  overflow-wrap:anywhere;
}
.profile-info-row .profile-status-chip{
  justify-self:end;
}
.profile-timeline{
  display:grid;
  gap:12px;
}
.profile-timeline-item{
  display:grid;
  grid-template-columns:16px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  min-height:34px;
  color:#d9e5f4;
  font-size:13px;
}
.profile-timeline-item i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--role-accent);
  box-shadow:0 0 12px color-mix(in srgb, var(--role-accent) 60%, transparent);
}
.profile-timeline-item b{
  color:rgba(255,255,255,.6);
  font-size:12px;
  font-weight:700;
}
.profile-social-row,
.profile-chip-cloud{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:16px;
}
.profile-social-row span,
.profile-chip-cloud span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:6px 10px;
  border-radius:999px;
  color:var(--role-accent);
  border:1px solid color-mix(in srgb, var(--role-accent) 35%, transparent);
  background:color-mix(in srgb, var(--role-accent) 10%, transparent);
  font-size:12px;
  font-weight:850;
}
.profile-progress-card{
  min-height:100%;
}
.profile-progress-donut{
  width:184px;
  height:184px;
  display:grid;
  place-items:center;
  margin:4px auto 22px;
  border-radius:50%;
  background:conic-gradient(var(--role-accent) 75%, rgba(255,255,255,.1) 0);
  position:relative;
  box-shadow:0 0 28px color-mix(in srgb, var(--role-accent) 20%, transparent);
}
.profile-progress-donut:before{
  content:"";
  position:absolute;
  inset:28px;
  border-radius:inherit;
  background:#071522;
  border:1px solid rgba(255,255,255,.06);
}
.profile-progress-donut span{
  position:relative;
  color:#fff;
  font-size:32px;
  font-weight:950;
}
.profile-page .language-settings-row{
  margin-top:14px;
}
.profile-role-owner{--role-accent:#D4A84F;}
.profile-role-admin{--role-accent:#3B82F6;}
.profile-role-tutor{--role-accent:#8B5CF6;}
.profile-role-user{--role-accent:#14B8A6;}

body:has(.profile-role-owner) .premium-sidebar a.active,
body:has(.profile-role-admin) .premium-sidebar a.active,
body:has(.profile-role-tutor) .premium-sidebar a.active,
body:has(.profile-role-user) .premium-sidebar a.active{
  border-left:3px solid var(--role-accent, #3B82F6)!important;
  background:color-mix(in srgb, var(--role-accent, #3B82F6) 16%, rgba(255,255,255,.04))!important;
  backdrop-filter:blur(12px);
}
body:has(.profile-role-owner) .premium-sidebar{--role-accent:#D4A84F;}
body:has(.profile-role-admin) .premium-sidebar{--role-accent:#3B82F6;}
body:has(.profile-role-tutor) .premium-sidebar{--role-accent:#8B5CF6;}
body:has(.profile-role-user) .premium-sidebar{--role-accent:#14B8A6;}

@media (max-width: 1180px){
  .profile-hero-card{
    grid-template-columns:1fr;
  }
  .profile-hero-actions{
    min-width:0;
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  .profile-main-grid.has-progress{
    grid-template-columns:1fr 1fr;
  }
  .profile-progress-card{
    grid-column:1 / -1;
  }
}
@media (max-width: 760px){
  .profile-hero-main{
    flex-direction:column;
    align-items:flex-start;
  }
  .profile-hero-actions,
  .profile-stats-grid,
  .profile-main-grid,
  .profile-main-grid.has-progress,
  .profile-extra-grid{
    grid-template-columns:1fr;
  }
  .profile-info-row{
    grid-template-columns:1fr;
  }
  .profile-info-row b,
  .profile-info-row .profile-status-chip{
    justify-self:start;
    text-align:left;
  }
}

.profile-hero-card{
  position:relative;
  min-height:210px;
  padding:28px;
}
.profile-user-id{
  position:absolute;
  top:22px;
  right:26px;
  color:#d7e3f3;
  font-size:16px;
  font-weight:900;
}
.profile-avatar-wrap{
  position:relative;
  flex:0 0 auto;
}
.profile-camera-btn{
  position:absolute;
  right:4px;
  bottom:10px;
  width:42px;
  height:42px;
  border-radius:50%;
  border:2px solid var(--role-accent);
  background:#091321;
  color:var(--role-accent);
  font-size:9px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 0 18px color-mix(in srgb, var(--role-accent) 30%, transparent);
}
.profile-hero-actions{
  align-self:end;
  padding-top:44px;
}
.profile-hero-actions .profile-action-btn.is-primary{
  grid-column:1 / -1;
  order:-1;
  min-height:46px;
  font-size:14px;
}
.profile-plan-badge{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:5px 14px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.035);
  color:#d9e4f2;
  font-size:13px;
  font-weight:850;
}
.profile-date-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:14px;
  margin-top:14px;
  color:rgba(255,255,255,.68);
  font-size:14px;
}
.profile-card-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  margin-top:16px;
  padding:8px 12px;
  border-radius:10px;
  border:1px solid color-mix(in srgb, var(--role-accent) 38%, rgba(255,255,255,.1));
  background:rgba(255,255,255,.025);
  color:var(--role-accent);
  text-decoration:none;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
.profile-mini-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.profile-mini-grid div{
  min-height:130px;
  padding:18px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
}
.profile-mini-grid strong{
  display:block;
  color:var(--role-accent);
  font-size:25px;
  line-height:1.05;
  margin-bottom:12px;
}
.profile-mini-grid span{
  display:block;
  color:#e8f0fb;
  font-size:13px;
  line-height:1.25;
}
.profile-mini-grid small{
  display:block;
  margin-top:18px;
  color:#40d77e;
  font-size:11px;
  font-weight:850;
}
.profile-security-card .profile-card-link{
  float:right;
}
.profile-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:200;
  display:grid;
  place-items:center;
  padding:22px;
  background:rgba(0,8,18,.68);
  backdrop-filter:blur(10px);
}
.profile-modal-backdrop[hidden]{
  display:none;
}
.profile-modal{
  width:min(100%, 620px);
  position:relative;
  border:1px solid rgba(255,255,255,.1);
  border-radius:20px;
  background:#081426;
  box-shadow:0 30px 90px rgba(0,0,0,.52);
  padding:24px;
}
.profile-modal h3{
  margin:0 0 18px;
  color:#fff;
  font-size:20px;
}
.profile-modal-close{
  position:absolute;
  top:14px;
  right:14px;
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);
  color:#fff;
  cursor:pointer;
}
.profile-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.profile-form-grid label{
  display:grid;
  gap:7px;
  color:#aebed3;
  font-size:12px;
  font-weight:850;
}
.profile-form-grid input{
  min-height:42px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);
  color:#fff;
  padding:0 12px;
}
.profile-modal-panel p{
  color:#bfcee1;
  line-height:1.5;
}
.profile-avatar-options{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.profile-avatar-options button{
  min-height:96px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.035);
  color:#e8f0fb;
  font-weight:850;
  cursor:pointer;
  display:grid;
  place-items:center;
  gap:7px;
  padding:10px;
}
.profile-avatar-options button.active{
  border-color:var(--role-accent);
  box-shadow:0 0 0 1px color-mix(in srgb, var(--role-accent) 35%, transparent), 0 16px 30px rgba(0,0,0,.22);
}
.profile-avatar-preview{
  width:44px;
  height:44px;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.16);
  background:linear-gradient(135deg, rgba(255,255,255,.13), rgba(255,255,255,.03));
}
.profile-avatar-preview.is-male{background:radial-gradient(circle at 50% 30%, #f0c39d 0 32%, transparent 34%), linear-gradient(140deg,#162b46 0 48%,#eaf3ff 49% 58%,#101b2c 59% 100%);}
.profile-avatar-preview.is-female{background:radial-gradient(circle at 50% 31%, #e8b899 0 31%, transparent 33%), linear-gradient(140deg,#4d274c 0 48%,#f6d5ea 49% 58%,#171124 59% 100%);}
.profile-avatar-preview.is-robot{background:linear-gradient(145deg,rgba(20,184,166,.45),rgba(59,130,246,.25));}
.profile-avatar-preview.is-mentor{background:linear-gradient(145deg,#243b55,#d4a84f);}
.profile-avatar-preview.is-trader{background:linear-gradient(145deg,#0b1728,#14b8a6);}
.profile-avatar-preview.is-gold{background:linear-gradient(145deg,#31240a,#d4a84f);}
.profile-avatar-preview.is-blue{background:linear-gradient(145deg,#07172d,#3b82f6);}
.profile-avatar-preview.is-green{background:linear-gradient(145deg,#06251c,#35d987);}
.profile-avatar-preview.is-purple{background:linear-gradient(145deg,#1f1235,#8b5cf6);}
.profile-upload-box{
  display:grid;
  gap:10px;
  place-items:center;
  min-height:132px;
  border:1px dashed rgba(126,164,220,.34);
  border-radius:14px;
  background:rgba(255,255,255,.035);
  color:#dfeaff;
  font-weight:900;
  cursor:pointer;
}
.profile-upload-box input{max-width:92%;color:#aebed3;}
.profile-save-status{margin-right:auto;color:#35d987;font-size:12px;font-weight:900;}
.profile-save-status.is-error{color:#ff7b7b;}
.profile-modal-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:22px;
}
@media (max-width:920px){
  .profile-avatar-options{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:1180px){
  .profile-mini-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (max-width:760px){
  .profile-user-id{
    position:static;
    margin-bottom:14px;
  }
  .profile-hero-actions{
    grid-template-columns:1fr;
    padding-top:0;
  }
  .profile-mini-grid,
  .profile-form-grid,
  .profile-avatar-options{
    grid-template-columns:1fr;
  }
}

.account-detail-page{display:grid;gap:18px;min-width:0;}
.account-detail-hero{align-items:flex-start;}
.account-status-chip{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:6px 10px;border:1px solid rgba(134,164,211,.22);border-radius:999px;background:rgba(134,164,211,.08);color:#d9e7ff;font-size:12px;font-weight:900;white-space:nowrap;}
.account-status-chip:before{content:"";width:7px;height:7px;border-radius:999px;background:currentColor;box-shadow:0 0 16px currentColor;}
.account-status-chip.is-good{border-color:rgba(53,217,135,.24);background:rgba(53,217,135,.08);color:#35d987;}
.account-status-chip.is-warn{border-color:rgba(242,201,76,.24);background:rgba(242,201,76,.08);color:#f2c94c;}
.account-status-chip.is-bad{border-color:rgba(255,107,107,.28);background:rgba(255,107,107,.08);color:#ff7b7b;}
.account-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.account-detail-card,.account-actions-card,.account-empty-state{border:1px solid rgba(97,151,232,.18);border-radius:12px;background:linear-gradient(180deg,rgba(12,25,44,.9),rgba(7,16,29,.92));box-shadow:0 20px 70px rgba(0,0,0,.24);padding:18px;min-width:0;}
.account-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;}
.account-card-head h2,.account-actions-card h2{margin:0;color:#f4f8ff;font-size:16px;font-weight:1000;letter-spacing:0;}
.account-card-head p,.account-actions-card p,.account-empty-state p{margin:5px 0 0;color:#94a9ca;font-size:13px;line-height:1.5;}
.account-field-list{display:grid;gap:8px;}
.account-field-row{display:grid;grid-template-columns:minmax(130px,.8fr) minmax(0,1.2fr);gap:12px;align-items:center;padding:10px 0;border-top:1px solid rgba(111,146,198,.12);}
.account-field-row span{color:#8ea6ca;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;}
.account-field-row b{min-width:0;overflow-wrap:anywhere;color:#eef6ff;font-size:13px;font-weight:900;text-align:right;}
.account-empty-state{border-color:rgba(242,201,76,.24);background:linear-gradient(180deg,rgba(42,31,12,.72),rgba(10,18,31,.9));}
.account-empty-state strong{display:block;color:#f2c94c;font-size:15px;font-weight:1000;}
.account-actions-card{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.account-action-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;}
.account-action-row .primary-btn,.account-action-row .secondary-btn{min-height:36px;border-radius:8px;white-space:nowrap;}
.account-loading-state{display:none;grid-template-columns:repeat(3,1fr);gap:10px;}
.account-loading-state span{height:10px;border-radius:999px;background:linear-gradient(90deg,rgba(58,95,150,.24),rgba(101,151,222,.42),rgba(58,95,150,.24));}
@media (max-width:900px){
  .account-card-grid{grid-template-columns:1fr;}
  .account-actions-card{align-items:stretch;flex-direction:column;}
  .account-action-row{justify-content:flex-start;}
}
@media (max-width:560px){
  .account-card-head{flex-direction:column;}
  .account-field-row{grid-template-columns:1fr;}
  .account-field-row b{text-align:left;}
  .account-action-row .primary-btn,.account-action-row .secondary-btn{width:100%;justify-content:center;}
}

.license-eco-shell{display:grid;gap:18px;min-width:0;}
.license-eco-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.32fr);gap:18px;align-items:stretch;border:1px solid rgba(97,151,232,.2);border-radius:14px;background:linear-gradient(135deg,rgba(12,25,44,.95),rgba(5,15,28,.94));box-shadow:0 24px 80px rgba(0,0,0,.26);padding:22px;}
.license-eco-hero h1{margin:6px 0;color:#f6fbff;font-size:clamp(22px,2.6vw,34px);line-height:1.1;letter-spacing:0;overflow-wrap:anywhere;}
.license-eco-hero p{margin:0;color:#aebfe0;line-height:1.5;}
.license-eco-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;color:#dce9ff;font-size:12px;font-weight:900;}
.license-eco-flow span{padding:7px 10px;border:1px solid rgba(91,144,220,.2);border-radius:999px;background:rgba(13,27,48,.78);}
.license-eco-flow i{width:24px;height:1px;background:rgba(126,164,220,.5);}
.license-eco-hero-status{display:grid;align-content:center;gap:9px;border:1px solid rgba(91,144,220,.16);border-radius:12px;background:rgba(4,13,24,.46);padding:16px;min-width:0;}
.license-eco-hero-status b{color:#f4f8ff;font-size:16px;overflow-wrap:anywhere;}
.license-eco-hero-status small{color:#91a7c8;font-weight:800;overflow-wrap:anywhere;}
.license-eco-actions{display:flex;flex-wrap:wrap;gap:10px;border:1px solid rgba(97,151,232,.16);border-radius:12px;background:rgba(8,18,32,.72);padding:14px;}
.license-eco-grid{display:grid;gap:16px;}
.license-eco-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));}
.license-eco-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));}
.license-eco-card{border:1px solid rgba(97,151,232,.18);border-radius:12px;background:linear-gradient(180deg,rgba(12,25,44,.9),rgba(7,16,29,.92));box-shadow:0 18px 56px rgba(0,0,0,.22);padding:18px;min-width:0;}
.license-eco-card h2{margin:0 0 14px;color:#f4f8ff;font-size:16px;font-weight:1000;letter-spacing:0;}
.license-eco-row{display:grid;grid-template-columns:minmax(120px,.75fr) minmax(0,1fr);gap:12px;align-items:center;padding:10px 0;border-top:1px solid rgba(111,146,198,.12);}
.license-eco-row span{color:#8ea6ca;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;}
.license-eco-row b{min-width:0;color:#eef6ff;font-size:13px;font-weight:900;text-align:right;overflow-wrap:anywhere;}
.license-eco-chip{display:inline-flex;justify-self:end;align-items:center;gap:7px;min-height:26px;padding:5px 9px;border:1px solid rgba(134,164,211,.22);border-radius:999px;background:rgba(134,164,211,.08);color:#d9e7ff;font-size:12px;font-weight:900;white-space:nowrap;}
.license-eco-chip:before{content:"";width:7px;height:7px;border-radius:999px;background:currentColor;box-shadow:0 0 14px currentColor;}
.license-eco-chip.is-good{border-color:rgba(53,217,135,.24);background:rgba(53,217,135,.08);color:#35d987;}
.license-eco-chip.is-warn{border-color:rgba(242,201,76,.24);background:rgba(242,201,76,.08);color:#f2c94c;}
.license-eco-chip.is-bad{border-color:rgba(255,107,107,.28);background:rgba(255,107,107,.08);color:#ff7b7b;}
.license-eco-workspace{display:grid;gap:6px;margin-bottom:12px;padding:16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);}
.license-eco-workspace strong{font-size:24px;letter-spacing:0;}
.license-eco-workspace span{color:#aebfe0;font-weight:850;}
.license-eco-workspace.is-enabled strong{color:#35d987;}
.license-eco-workspace.is-disabled strong{color:#ff7b7b;}
.license-eco-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.license-eco-tile{display:grid;gap:9px;align-content:start;min-height:76px;border:1px solid rgba(91,144,220,.15);border-radius:10px;background:rgba(4,13,24,.44);padding:12px;}
.license-eco-tile span{color:#e7f0ff;font-size:13px;font-weight:950;}
.license-eco-tile .license-eco-chip{justify-self:start;}
.license-eco-terms{display:grid;gap:12px;color:#aebfe0;}
.license-eco-terms>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.license-eco-terms ul{margin:0;padding-left:18px;line-height:1.7;}
.license-qr-panel{border:1px solid rgba(97,151,232,.2);border-radius:12px;background:rgba(4,13,24,.7);padding:16px;}
.license-qr-panel div{width:min(220px,100%);aspect-ratio:1;display:grid;place-items:center;text-align:center;border:1px dashed rgba(126,164,220,.35);border-radius:12px;color:#dce9ff;overflow-wrap:anywhere;padding:14px;}
.license-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;}
.license-access-card{display:grid;gap:12px;border:1px solid rgba(97,151,232,.18);border-radius:12px;background:linear-gradient(180deg,rgba(12,25,44,.9),rgba(7,16,29,.92));padding:16px;min-width:0;}
.license-access-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;}
.license-access-head strong{display:block;color:#f4f8ff;font-size:15px;font-weight:1000;}
.license-access-head span{display:block;margin-top:3px;color:#91a7c8;font-size:12px;font-weight:800;overflow-wrap:anywhere;}
.license-access-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.license-access-switches>div{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(91,144,220,.13);border-radius:9px;background:rgba(4,13,24,.44);padding:10px;}
.license-access-switches span{color:#91a7c8;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;}
.license-access-switches b{color:#f4f8ff;font-size:12px;}
.license-access-detail{color:#b8c8e4;font-size:13px;}
.license-access-cloud{display:flex;flex-wrap:wrap;gap:7px;}
.license-access-cloud span{padding:6px 8px;border:1px solid rgba(91,144,220,.16);border-radius:999px;background:rgba(30,136,255,.08);color:#dbeafe;font-size:12px;font-weight:850;}
.license-access-cloud.instruments span{background:rgba(53,217,135,.07);border-color:rgba(53,217,135,.16);}
.license-request-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0;}
.license-request-summary span{display:grid;gap:4px;padding:9px;border:1px solid rgba(91,144,220,.14);border-radius:8px;background:rgba(4,13,24,.4);color:#b8c8e4;font-size:12px;font-weight:800;overflow-wrap:anywhere;}
.license-request-summary b{color:#f4f8ff;font-size:11px;text-transform:uppercase;letter-spacing:.04em;}
.license-access-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(91,144,220,.13);border-radius:9px;background:rgba(4,13,24,.44);padding:10px;color:#91a7c8;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;}
.license-access-toggle input{width:18px;height:18px;accent-color:#35d987;}
.license-access-editor{display:grid;gap:9px;}
.license-access-editor>strong{color:#f4f8ff;font-size:12px;text-transform:uppercase;letter-spacing:.04em;}
.license-access-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
.license-entitlement-check{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;align-items:center;min-height:48px;border:1px solid rgba(91,144,220,.14);border-radius:8px;background:rgba(4,13,24,.44);padding:9px;color:#dbeafe;font-size:12px;font-weight:850;}
.license-entitlement-check input{width:16px;height:16px;accent-color:#35d987;}
.license-entitlement-check span{overflow-wrap:anywhere;}
.license-entitlement-check b{grid-column:2;color:#91a7c8;font-size:10px;text-transform:uppercase;letter-spacing:.04em;}
.license-entitlement-check.is-on{border-color:rgba(53,217,135,.2);background:rgba(53,217,135,.07);}
.signup-option-block,.signup-terms-box{display:grid;gap:12px;margin:12px 0;padding:14px;border:1px solid rgba(91,144,220,.18);border-radius:10px;background:rgba(6,18,32,.55);}
.signup-block-title{color:#f4f8ff;font-size:13px;font-weight:1000;text-transform:uppercase;letter-spacing:.04em;}
.signup-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.signup-check-grid label,.signup-terms-box label{display:flex!important;align-items:flex-start;gap:8px;margin:0;padding:9px;border:1px solid rgba(91,144,220,.12);border-radius:8px;background:rgba(4,13,24,.38);color:#dbeafe;font-size:12px;font-weight:800;line-height:1.35;}
.signup-check-grid input,.signup-terms-box input{width:16px;height:16px;accent-color:#35d987;flex:0 0 auto;}
.password-input-wrap{position:relative;display:block;}
.password-input-wrap input{padding-right:48px;}
.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:38px;height:34px;border:0;background:transparent;color:#91a7c8;cursor:pointer;font-size:17px;}
.password-toggle:hover,.password-toggle:focus-visible{color:#fff;outline:2px solid rgba(53,217,135,.7);outline-offset:1px;}
.password-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:-5px 0 4px;padding:0;list-style:none;color:#8ea1bd;font-size:11px;font-weight:700;}
.password-rules li::before{content:'\2022';margin-right:6px;color:#ef6673;}.password-rules li.is-valid::before{content:'\2713';color:#35d987;}.password-rules li.is-valid{color:#c9f8da;}
.password-strength,.password-match{font-size:12px;font-weight:800;min-height:18px;}.password-strength{display:flex;justify-content:space-between;color:#91a7c8;}.password-strength b{color:#ef6673;}.password-strength[data-level="medium"] b{color:#f2c94c;}.password-strength[data-level="strong"] b{color:#35d987;}.password-match.is-valid{color:#35d987;}.password-match.is-valid::before{content:'\2713 ';}.password-match.is-invalid{color:#ef6673;}.password-match.is-invalid::before{content:'\2717 ';}.field-label{display:block;margin-bottom:8px;color:#b9c9e1;font-size:12px;font-weight:800;}

/* Signup approval request redesign */
.signup-topbar{
  margin-bottom:14px;
}

.signup-layout{
  grid-template-columns:minmax(310px, 430px) minmax(0, 1fr);
  align-items:stretch;
  gap:8px;
  min-height:calc(100vh - 124px);
  margin-bottom:0;
}

.signup-visual,
.signup-card-wrap{
  border:1px solid rgba(83,137,218,.18);
  background:
    radial-gradient(circle at 16% 8%, rgba(49,147,255,.16), transparent 34%),
    linear-gradient(180deg, rgba(5,16,30,.9), rgba(2,10,20,.96));
  box-shadow:0 28px 90px rgba(0,0,0,.5);
}

.signup-visual{
  min-height:0;
  border-radius:18px;
  overflow:hidden;
}

.signup-visual::after{
  background:
    radial-gradient(circle at 62% 20%, rgba(216,171,68,.12), transparent 22%),
    linear-gradient(90deg, rgba(0,0,0,.08), rgba(0,0,0,.22));
}

.signup-visual-inner{
  gap:14px;
  padding:24px;
}

.signup-visual-inner h2{
  max-width:360px;
  margin:6px 0 2px;
  font-size:2.45rem;
  letter-spacing:.045em;
  text-transform:uppercase;
}

.signup-visual-inner p{
  max-width:34ch;
  margin:0;
  color:#d3e2f8;
}

.signup-visual-logo{
  width:118px;
  height:118px;
  margin:2px 0;
}

.signup-card-wrap{
  align-items:stretch;
  justify-content:center;
  border-radius:18px;
  padding:50px 20px 14px;
  overflow:hidden;
}

.signup-card{
  width:min(100%, 930px);
  align-self:stretch;
  padding:24px;
  border-radius:16px;
  background:
    radial-gradient(circle at 15% 0%, rgba(49,147,255,.12), transparent 34%),
    linear-gradient(180deg, rgba(8,20,37,.9), rgba(4,13,25,.94));
  box-shadow:0 20px 80px rgba(0,0,0,.42);
}

.signup-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:12px;
}

.signup-card-head h3{
  font-family:Inter, system-ui, sans-serif;
  font-size:1.35rem;
  font-weight:900;
}

.signup-card-head p{
  margin:0;
}

.signup-review-badge,
.signup-status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  border-radius:10px;
  padding:7px 10px;
  color:#ffd677;
  border:1px solid rgba(255,190,62,.26);
  background:rgba(134,86,4,.28);
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}

.signup-form{
  gap:14px;
}

.signup-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 18px;
}

.signup-form input,
.signup-form select{
  min-height:45px;
  border-color:rgba(93,145,222,.25);
  background:rgba(4,13,24,.72);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.signup-form input:focus,
.signup-form select:focus{
  outline:2px solid rgba(45,141,255,.34);
  border-color:rgba(70,160,255,.64);
}

.signup-flow-card,
.signup-summary-card,
.signup-access-note{
  border:1px solid rgba(91,144,220,.16);
  border-radius:14px;
  background:linear-gradient(180deg, rgba(10,24,42,.78), rgba(5,15,28,.86));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.signup-flow-card{
  padding:18px 18px 12px;
  margin-top:8px;
}

.signup-flow-title{
  color:#eef6ff;
  font-size:13px;
  font-weight:1000;
  letter-spacing:.045em;
  text-transform:uppercase;
}

.signup-flow-list{
  display:grid;
  gap:0;
  margin:16px 0 0;
  padding:0;
  list-style:none;
}

.signup-flow-list li{
  position:relative;
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  column-gap:12px;
  min-height:74px;
  padding-bottom:10px;
}

.signup-flow-list li::after{
  content:"";
  position:absolute;
  left:16px;
  top:34px;
  bottom:0;
  width:1px;
  background:linear-gradient(180deg, rgba(47,143,255,.72), rgba(91,144,220,.12));
}

.signup-flow-list li:last-child{
  min-height:auto;
  padding-bottom:0;
}

.signup-flow-list li:last-child::after{
  display:none;
}

.signup-flow-list span{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:999px;
  color:#d9e8ff;
  background:#14243a;
  border:1px solid rgba(122,164,228,.18);
  font-size:13px;
  font-weight:900;
}

.signup-flow-list .is-active span{
  background:linear-gradient(135deg,#2d8dff,#1b76ff);
  color:#fff;
  box-shadow:0 0 24px rgba(45,141,255,.45);
}

.signup-flow-list .is-success span{
  color:#69f0a2;
  background:rgba(35,88,65,.44);
  border-color:rgba(53,217,135,.3);
}

.signup-flow-list b,
.signup-flow-list em{
  grid-column:2;
  display:block;
  font-style:normal;
}

.signup-flow-list b{
  align-self:end;
  color:#f4f8ff;
  font-size:15px;
}

.signup-flow-list em{
  margin-top:3px;
  color:#b7c7df;
  font-size:13px;
  line-height:1.35;
}

.signup-flow-list .is-active b{
  color:#49a4ff;
}

.signup-summary-card{
  padding:16px;
}

.signup-summary-card dl{
  display:grid;
  gap:0;
  margin:14px 0 0;
}

.signup-summary-card div{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  padding:11px 0;
  border-bottom:1px solid rgba(91,144,220,.13);
}

.signup-summary-card div:last-child{
  border-bottom:0;
}

.signup-summary-card dt{
  color:#b7c7df;
  font-size:13px;
}

.signup-summary-card dd{
  margin:0;
  color:#35a0ff;
  font-size:13px;
  font-weight:900;
  text-align:right;
}

.signup-access-note{
  display:grid;
  grid-template-columns:26px minmax(0,1fr);
  gap:12px;
  align-items:center;
  padding:14px 16px;
  color:#dbeafe;
}

.signup-access-note span{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:7px;
  background:rgba(45,141,255,.22);
  color:#5db0ff;
}

.signup-access-note p{
  max-width:none;
  margin:0;
  font-size:13px;
  line-height:1.45;
}

.signup-password-panel{
  display:grid;
  gap:9px;
}

.signup-strength-bars{
  display:grid;
  grid-template-columns:repeat(5, minmax(0,1fr));
  gap:5px;
}

.signup-strength-bars i{
  height:6px;
  border-radius:999px;
  background:rgba(91,144,220,.18);
}

.signup-strength-bars i.is-on{
  background:linear-gradient(90deg,#35d987,#69f0a2);
  box-shadow:0 0 14px rgba(53,217,135,.28);
}

.signup-option-block,
.signup-terms-box{
  gap:16px;
  margin:2px 0;
  padding:18px;
  border-radius:14px;
  background:
    radial-gradient(circle at 0 0, rgba(45,141,255,.08), transparent 28%),
    rgba(5,16,30,.64);
}

.academy-block{
  border-color:rgba(170,106,255,.22);
}

.signup-block-title{
  display:flex;
  align-items:center;
  gap:9px;
  color:#49a4ff;
  font-size:14px;
}

.academy-block .signup-block-title{
  color:#b476ff;
}

.field-label small{
  color:#91a7c8;
  font-weight:700;
}

.signup-check-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}

.signup-check-grid label,
.signup-terms-box label{
  min-height:38px;
  align-items:center;
  border-radius:10px;
  background:rgba(3,12,23,.52);
  cursor:pointer;
}

.signup-check-grid label:has(input:checked){
  border-color:rgba(45,141,255,.45);
  background:rgba(45,141,255,.13);
}

.signup-check-grid input,
.signup-terms-box input{
  accent-color:#2d8dff;
}

.academy-grid label:has(input:checked){
  border-color:rgba(180,118,255,.42);
  background:rgba(180,118,255,.12);
}

.signup-terms-box .signup-block-title{
  color:#49a4ff;
}

.signup-form .primary-btn{
  min-height:48px;
  border-radius:9px;
  font-size:15px;
  box-shadow:0 16px 34px rgba(27,118,255,.32);
}

@media (max-width:1180px){
  .signup-layout{
    grid-template-columns:1fr;
  }
  .signup-visual-inner{
    grid-template-columns:1fr 1fr;
  }
  .signup-visual-inner > .hero-chip,
  .signup-visual-inner > h2,
  .signup-visual-inner > p,
  .signup-visual-logo{
    grid-column:1;
  }
  .signup-flow-card{
    grid-column:2;
    grid-row:1 / span 4;
    margin-top:0;
  }
  .signup-summary-card,
  .signup-access-note{
    grid-column:1 / -1;
  }
  .signup-card-wrap{
    padding-top:18px;
  }
}

@media (max-width:760px){
  .signup-form-grid,
  .signup-visual-inner{
    grid-template-columns:1fr;
  }
  .signup-flow-card,
  .signup-summary-card,
  .signup-access-note,
  .signup-visual-inner > .hero-chip,
  .signup-visual-inner > h2,
  .signup-visual-inner > p,
  .signup-visual-logo{
    grid-column:auto;
    grid-row:auto;
  }
  .signup-check-grid{
    grid-template-columns:1fr;
  }
  .signup-card-head{
    display:grid;
  }
}
@media (max-width:1100px){
  .license-eco-grid.three,.license-eco-grid.two,.license-eco-hero{grid-template-columns:1fr;}
  .license-access-grid{grid-template-columns:1fr;}
}
@media (max-width:680px){
  .license-request-summary,.license-access-check-grid,.signup-check-grid{grid-template-columns:1fr;}
  .license-eco-tile-grid{grid-template-columns:1fr;}
  .license-eco-row{grid-template-columns:1fr;}
  .license-eco-row b{text-align:left;}
  .license-eco-chip{justify-self:start;}
  .license-eco-actions .primary-btn,.license-eco-actions .secondary-btn{width:100%;justify-content:center;}
}

/* License ecosystem premium board */
.license-eco-shell{
  --license-gold:#d99a1e;
  --license-gold-soft:rgba(217,154,30,.18);
  --license-green:#40d26f;
  --license-red:#ff5b5f;
  --license-blue:#3996ff;
  --license-border:rgba(91,144,220,.18);
  --license-card:linear-gradient(180deg,rgba(7,22,39,.96),rgba(4,15,27,.98));
  display:grid;
  gap:16px;
  min-width:0;
  color:#eaf3ff;
}
.license-eco-page-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  min-width:0;
  padding:4px 10px 2px;
}
.license-eco-page-head h1{
  display:flex;
  align-items:center;
  gap:10px;
  margin:4px 0 6px;
  color:#f7fbff;
  font-size:26px;
  line-height:1.12;
  letter-spacing:0;
  overflow-wrap:anywhere;
}
.license-eco-page-head p{margin:0;color:#91a6c5;font-size:14px;font-weight:800;line-height:1.45;}
.license-eco-crown{
  width:26px;
  height:22px;
  display:inline-block;
  background:linear-gradient(135deg,#ffd775,#d99a1e);
  clip-path:polygon(5% 84%,95% 84%,88% 34%,68% 58%,50% 18%,32% 58%,12% 34%);
  filter:drop-shadow(0 0 12px rgba(217,154,30,.35));
}
.license-eco-master-card{
  display:grid;
  grid-template-columns:minmax(330px,.46fr) 116px minmax(360px,1fr);
  gap:18px;
  align-items:stretch;
  min-width:0;
  padding:20px;
  border:1px solid var(--license-border);
  border-radius:8px;
  background:
    radial-gradient(circle at 18% 0,rgba(31,115,197,.16),transparent 34%),
    linear-gradient(135deg,rgba(8,25,43,.97),rgba(3,13,24,.98));
  box-shadow:0 26px 90px rgba(0,0,0,.28);
}
.license-eco-key-panel{display:grid;align-content:start;gap:14px;min-width:0;}
.license-eco-card-title{display:flex;align-items:flex-start;gap:12px;min-width:0;}
.license-eco-card-title strong{display:block;color:#f3f8ff;font-size:13px;font-weight:1000;}
.license-eco-card-title span{display:block;margin-top:3px;color:#93a6c4;font-size:12px;font-weight:800;line-height:1.35;}
.license-eco-key-box{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  min-height:56px;
  padding:10px 12px;
  border:1px solid rgba(91,144,220,.2);
  border-radius:8px;
  background:rgba(5,15,28,.72);
}
.license-eco-key-box b{
  color:#f7fbff;
  font-size:18px;
  font-weight:1000;
  letter-spacing:.02em;
  overflow-wrap:anywhere;
}
.license-eco-key-box button,
.license-eco-inline-actions button,
.license-eco-inline-actions a,
.license-eco-action-strip button,
.license-eco-action-strip a{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:8px 13px;
  border:1px solid rgba(91,144,220,.22);
  border-radius:7px;
  background:rgba(7,18,33,.86);
  color:#d8e7ff;
  font-size:12px;
  font-weight:950;
  text-decoration:none;
  cursor:pointer;
}
.license-eco-key-box button{
  border-color:rgba(217,154,30,.38);
  background:rgba(217,154,30,.09);
  color:#ffc95b;
}
.license-eco-inline-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.license-eco-qr-wrap{
  display:grid;
  justify-items:center;
  align-content:center;
  gap:8px;
  padding:0 4px;
  border-left:1px solid rgba(91,144,220,.12);
  border-right:1px solid rgba(91,144,220,.12);
}
.license-eco-qr{
  width:92px;
  height:92px;
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:3px;
  padding:8px;
  border:1px solid rgba(91,144,220,.25);
  border-radius:8px;
  background:#f8fbff;
  cursor:pointer;
}
.license-eco-qr i{display:block;border-radius:1px;background:transparent;}
.license-eco-qr i.is-dark{background:#06101f;}
.license-eco-link-btn{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:0;
  background:transparent;
  color:#5aa7ff;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
}
.license-eco-summary{display:grid;gap:18px;min-width:0;}
.license-eco-summary-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;}
.license-eco-summary-row article{
  display:flex;
  gap:13px;
  min-width:0;
  padding:0 16px;
  border-left:1px solid rgba(91,144,220,.12);
}
.license-eco-summary-row article:first-child{border-left:0;}
.license-eco-summary-row span,
.license-eco-summary-foot span{
  display:block;
  color:#a7b7cf;
  font-size:12px;
  font-weight:900;
}
.license-eco-summary-row b{
  display:block;
  margin-top:4px;
  color:#f7fbff;
  font-size:17px;
  line-height:1.15;
  overflow-wrap:anywhere;
}
.license-eco-summary-row b.is-good,
.license-eco-positive{color:var(--license-green)!important;}
.license-eco-summary-row b.is-warn{color:#ffc95b;}
.license-eco-summary-row small{
  display:block;
  margin-top:5px;
  color:#93a6c4;
  font-size:11px;
  font-weight:850;
}
.license-eco-summary-foot{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  padding-top:16px;
  border-top:1px solid rgba(91,144,220,.13);
}
.license-eco-summary-foot>div{display:flex;align-items:center;gap:12px;min-width:0;}
.license-eco-summary-foot b{display:block;margin-top:3px;color:#f7fbff;font-size:13px;overflow-wrap:anywhere;}
.license-eco-icon{
  width:32px;
  height:32px;
  flex:0 0 32px;
  display:inline-grid;
  place-items:center;
  border:1px solid rgba(91,144,220,.17);
  border-radius:999px;
  background:rgba(56,118,201,.1);
  color:var(--license-blue);
  position:relative;
}
.license-eco-icon:before{font-size:17px;font-weight:1000;line-height:1;}
.license-eco-icon.is-key{color:#ffc95b;background:rgba(217,154,30,.1);border-color:rgba(217,154,30,.2);}
.license-eco-icon.is-key:before{content:"";width:16px;height:16px;border:3px solid currentColor;border-radius:999px;box-shadow:10px 8px 0 -5px currentColor;}
.license-eco-icon.is-copy:before{content:"";width:13px;height:15px;border:2px solid currentColor;border-radius:3px;box-shadow:-5px -4px 0 -1px rgba(216,231,255,.75);}
.license-eco-icon.is-mail:before{content:"@";}
.license-eco-icon.is-download:before{content:"v";}
.license-eco-icon.is-list:before{content:"=";}
.license-eco-icon.is-plan{color:#9b7cff;background:rgba(133,88,255,.11);}
.license-eco-icon.is-plan:before{content:"◇";}
.license-eco-icon.is-shield{color:var(--license-green);background:rgba(64,210,111,.1);}
.license-eco-icon.is-shield:before{content:"✓";}
.license-eco-icon.is-calendar{color:#ffc95b;background:rgba(217,154,30,.1);}
.license-eco-icon.is-calendar:before{content:"□";}
.license-eco-icon.is-clock:before{content:"◷";}
.license-eco-icon.is-monitor:before{content:"▭";}
.license-eco-icon.is-bridge:before{content:"∞";}
.license-eco-icon.is-refresh:before{content:"↻";}
.license-eco-icon.is-trash:before{content:"×";}
.license-eco-card{
  border:1px solid var(--license-border);
  border-radius:8px;
  background:var(--license-card);
  box-shadow:0 18px 58px rgba(0,0,0,.22);
  padding:18px;
  min-width:0;
}
.license-eco-card h2{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 13px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(91,144,220,.13);
  color:#f4f8ff;
  font-size:15px;
  font-weight:1000;
  letter-spacing:0;
}
.license-eco-card h2 .license-eco-icon{width:22px;height:22px;flex-basis:22px;border-radius:5px;background:transparent;border:0;}
.license-eco-card h2 .license-eco-icon:before{font-size:15px;}
.license-eco-row{
  display:grid;
  grid-template-columns:minmax(120px,.8fr) minmax(0,1fr);
  gap:12px;
  align-items:center;
  min-height:34px;
  padding:8px 0;
  border-top:1px solid rgba(111,146,198,.1);
}
.license-eco-card h2+.license-eco-row{border-top:0;}
.license-eco-row span{color:#95a7c1;font-size:13px;font-weight:850;text-transform:none;letter-spacing:0;}
.license-eco-row b{min-width:0;color:#f0f6ff;font-size:13px;font-weight:950;text-align:right;overflow-wrap:anywhere;}
.license-eco-chip{
  display:inline-flex;
  justify-self:end;
  align-items:center;
  gap:7px;
  min-height:24px;
  padding:4px 9px;
  border:1px solid rgba(134,164,211,.22);
  border-radius:999px;
  background:rgba(134,164,211,.08);
  color:#d9e7ff;
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
}
.license-eco-chip:before{content:"";width:7px;height:7px;border-radius:999px;background:currentColor;box-shadow:0 0 12px currentColor;}
.license-eco-chip.is-good{border-color:rgba(64,210,111,.24);background:rgba(64,210,111,.09);color:var(--license-green);}
.license-eco-chip.is-warn{border-color:rgba(242,201,76,.25);background:rgba(242,201,76,.09);color:#ffc95b;}
.license-eco-chip.is-bad{border-color:rgba(255,91,95,.3);background:rgba(255,91,95,.09);color:var(--license-red);}
.license-eco-meter{height:8px;margin:12px 0 8px;border-radius:999px;background:rgba(142,166,202,.25);overflow:hidden;}
.license-eco-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--license-green),#7be7a0);}
.license-eco-card>small{display:block;color:#c5d4ea;font-size:12px;font-weight:900;text-align:right;}
.license-eco-outline-btn{
  width:100%;
  margin-top:10px;
  min-height:34px;
  border:1px solid rgba(217,154,30,.45);
  border-radius:7px;
  background:rgba(217,154,30,.08);
  color:#ffc95b;
  font-weight:1000;
  cursor:pointer;
}
.license-eco-device-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.license-eco-device,
.license-eco-add-device,
.license-eco-empty{
  display:grid;
  align-content:start;
  gap:9px;
  min-height:166px;
  padding:14px;
  border:1px solid rgba(91,144,220,.17);
  border-radius:8px;
  background:rgba(5,15,28,.62);
}
.license-eco-device strong{color:#f3f8ff;font-size:13px;overflow-wrap:anywhere;}
.license-eco-device span,
.license-eco-device small,
.license-eco-add-device small,
.license-eco-empty span{color:#98abc7;font-size:12px;font-weight:800;line-height:1.45;}
.license-eco-device .license-eco-chip{justify-self:start;}
.license-eco-device button{
  align-self:end;
  justify-self:center;
  min-height:30px;
  padding:5px 14px;
  border:1px solid rgba(255,91,95,.48);
  border-radius:7px;
  background:rgba(255,91,95,.08);
  color:var(--license-red);
  font-weight:1000;
  cursor:pointer;
}
.license-eco-add-device{
  justify-items:center;
  text-align:center;
  border-style:dashed;
  border-color:rgba(217,154,30,.35);
  background:rgba(217,154,30,.04);
}
.license-eco-add-device span{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid rgba(217,154,30,.45);
  border-radius:999px;
  color:#ffc95b;
  font-size:28px;
  line-height:1;
}
.license-eco-add-device b{color:#ffc95b;font-size:12px;}
.license-eco-empty{grid-column:span 2;justify-content:center;}
.license-eco-empty strong{color:#f3f8ff;font-size:14px;}
.license-eco-validation-list{display:grid;gap:0;}
.license-eco-validation{
  display:grid;
  grid-template-columns:22px minmax(120px,.85fr) minmax(120px,1fr) minmax(110px,.8fr) auto;
  gap:12px;
  align-items:center;
  min-height:40px;
  padding:8px 0;
  border-top:1px solid rgba(91,144,220,.12);
}
.license-eco-validation:first-child{border-top:0;}
.license-eco-validation>span{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:rgba(64,210,111,.16);
  color:var(--license-green);
}
.license-eco-validation>span:before{content:"✓";font-size:12px;font-weight:1000;}
.license-eco-validation.is-bad>span{background:rgba(255,91,95,.16);color:var(--license-red);}
.license-eco-validation.is-bad>span:before{content:"×";}
.license-eco-validation b{color:#aebdd4;font-size:12px;}
.license-eco-validation small{color:#aebdd4;font-size:12px;font-weight:800;overflow-wrap:anywhere;}
.license-eco-validation strong{justify-self:end;color:var(--license-green);font-size:12px;}
.license-eco-validation.is-bad strong{color:var(--license-red);}
.license-eco-action-strip{
  display:grid;
  grid-template-columns:minmax(220px,1.1fr) repeat(4,minmax(130px,.6fr)) repeat(2,minmax(150px,.7fr));
  gap:10px;
  align-items:center;
  min-width:0;
  padding:14px 16px;
  border:1px solid var(--license-border);
  border-radius:8px;
  background:var(--license-card);
}
.license-eco-action-strip>div{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.license-eco-action-strip strong{display:block;color:#f3f8ff;font-size:13px;}
.license-eco-action-strip span{display:block;color:#93a6c4;font-size:12px;font-weight:800;}
.license-eco-action-strip .is-warn{border-color:rgba(217,154,30,.45);background:rgba(217,154,30,.08);color:#ffc95b;}
.license-eco-action-strip .is-danger{border-color:rgba(255,91,95,.45);background:rgba(255,91,95,.08);color:var(--license-red);}
.license-eco-workspace{display:grid;gap:6px;margin-bottom:12px;padding:14px;border-radius:8px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);}
.license-eco-workspace strong{font-size:22px;letter-spacing:0;}
.license-eco-workspace span{color:#aebfe0;font-weight:850;}
.license-eco-workspace.is-enabled strong{color:var(--license-green);}
.license-eco-workspace.is-disabled strong{color:var(--license-red);}
.license-eco-tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;}
.license-eco-tile{display:grid;gap:7px;align-content:start;min-height:68px;border:1px solid rgba(91,144,220,.15);border-radius:8px;background:rgba(4,13,24,.44);padding:10px;}
.license-eco-tile span{color:#e7f0ff;font-size:12px;font-weight:950;}
.license-eco-tile .license-eco-chip{justify-self:start;}
.license-eco-instrument-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.license-eco-instrument-row span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(91,144,220,.16);border-radius:999px;background:rgba(91,144,220,.08);color:#dbeafe;font-size:12px;font-weight:950;}
.license-eco-instrument-row span.is-active{border-color:rgba(64,210,111,.22);background:rgba(64,210,111,.08);color:#b7ffd1;}
.license-eco-instrument-row b{color:inherit;font-size:10px;opacity:.78;}
.license-qr-panel{border:1px solid rgba(97,151,232,.2);border-radius:8px;background:rgba(4,13,24,.7);padding:16px;}
.license-qr-panel div{width:min(260px,100%);aspect-ratio:1;display:grid;place-items:center;text-align:center;border:1px dashed rgba(126,164,220,.35);border-radius:8px;color:#dce9ff;overflow-wrap:anywhere;padding:14px;}

@media (max-width:1320px){
  .license-eco-master-card{grid-template-columns:1fr 116px;}
  .license-eco-summary{grid-column:1/-1;}
  .license-eco-action-strip{grid-template-columns:repeat(3,minmax(0,1fr));}
  .license-eco-action-strip>div{grid-column:1/-1;}
}
@media (max-width:1100px){
  .license-eco-grid.three,.license-eco-grid.two{grid-template-columns:1fr;}
  .license-eco-device-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:760px){
  .license-eco-page-head{align-items:flex-start;flex-direction:column;}
  .license-eco-master-card{grid-template-columns:1fr;padding:16px;}
  .license-eco-qr-wrap{border:0;padding:8px 0;}
  .license-eco-summary-row,.license-eco-summary-foot{grid-template-columns:1fr;}
  .license-eco-summary-row article{border-left:0;border-top:1px solid rgba(91,144,220,.12);padding:12px 0 0;}
  .license-eco-summary-row article:first-child{border-top:0;padding-top:0;}
  .license-eco-inline-actions,.license-eco-action-strip,.license-eco-device-grid,.license-eco-tile-grid{grid-template-columns:1fr;}
  .license-eco-key-box{grid-template-columns:1fr;}
  .license-eco-row{grid-template-columns:1fr;}
  .license-eco-row b{text-align:left;}
  .license-eco-chip{justify-self:start;}
  .license-eco-validation{grid-template-columns:22px 1fr;}
  .license-eco-validation small,.license-eco-validation strong{grid-column:2;}
  .license-eco-validation strong{justify-self:start;}
  .license-eco-empty{grid-column:auto;}
}

/* =========================
   Premium Login Redesign
   ========================= */
body.login-premium-shell{min-height:100vh;background:#020914;color:#f5f8ff;}
body.login-premium-shell .bg-overlay{background:radial-gradient(circle at 18% 14%, rgba(16,121,255,.18), transparent 34%),radial-gradient(circle at 88% 20%, rgba(23,93,205,.14), transparent 32%),linear-gradient(180deg, rgba(2,8,18,.76), rgba(1,6,14,.92));}
body.login-premium-shell .bg-fade{background:linear-gradient(180deg, rgba(2,8,16,.45), rgba(1,5,12,.86));}
body.login-premium-shell .lang-floating-toggle{display:none!important;}
body.login-premium-shell .page-wrap{width:min(100% - 54px,1760px);padding:32px 0 22px;}
.login-premium-nav{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;min-height:70px;}
.login-premium-brand{display:flex;align-items:center;gap:14px;color:#f7fbff;text-decoration:none;}
.login-premium-brand img{width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 16px 30px rgba(0,0,0,.36));}
.login-premium-brand span{display:grid;gap:5px;}
.login-premium-brand strong,.login-marketing-head strong{font-size:32px;line-height:1;letter-spacing:-.04em;}
.login-premium-brand b,.login-marketing-head b{color:#168cff;letter-spacing:-.03em;}
.login-premium-brand small,.login-marketing-head span{color:#aebcce;font-size:13px;letter-spacing:.13em;text-transform:uppercase;}
.login-premium-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;}
.login-lang-picker{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 14px;border:1px solid rgba(124,158,214,.28);border-radius:14px;background:rgba(8,18,34,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
.login-lang-picker select{border:0;outline:0;background:transparent;color:#edf5ff;font-weight:700;font-size:14px;appearance:auto;}
.login-lang-picker option{color:#07111f;}
.login-nav-icon,.benefit-icon,.security-shield{display:inline-flex;align-items:center;justify-content:center;}
.login-nav-icon svg{width:19px;height:19px;}
.login-nav-icon svg,.benefit-icon svg,.security-shield svg,.login-input-wrap svg,.login-submit-btn svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.login-nav-link,.login-nav-create{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:0 18px;color:#d7e6ff;text-decoration:none;font-weight:800;}
.login-nav-link{background:rgba(11,22,39,.52);border:1px solid rgba(118,153,212,.18);}
.login-nav-create{border:1px solid rgba(64,148,255,.38);background:linear-gradient(180deg, rgba(21,76,135,.8), rgba(9,42,82,.78));box-shadow:0 16px 34px rgba(18,111,255,.18), inset 0 1px 0 rgba(255,255,255,.08);}
.login-premium-layout{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(420px,.84fr);gap:48px;align-items:center;}
.login-premium-card{position:relative;overflow:hidden;border:1px solid rgba(93,132,196,.25);background:linear-gradient(145deg, rgba(9,21,39,.86), rgba(2,9,19,.92)),rgba(5,14,27,.82);box-shadow:0 32px 90px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(18px);}
.login-marketing-panel{position:relative;overflow:visible;min-height:770px;border:0;border-radius:0;padding:70px 34px 0 0;display:flex;flex-direction:column;justify-content:space-between;background:transparent;box-shadow:none;backdrop-filter:none;}
.login-marketing-bg{position:absolute;top:-126px;bottom:-76px;left:calc((100vw - min(100vw - 54px, 1760px)) / -2);right:-32px;background:linear-gradient(90deg, rgba(3,9,20,.94) 0%, rgba(3,9,20,.72) 36%, rgba(3,9,20,.22) 100%),linear-gradient(180deg, rgba(3,9,20,.34), rgba(3,9,20,.9)),url("/static/login-eagle-bg.png") right center / cover no-repeat;opacity:.98;filter:saturate(1.08) contrast(1.08);z-index:0;}
.login-marketing-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, transparent 0%, rgba(1,7,16,.36) 66%, rgba(1,7,16,.86) 100%);opacity:.85;}
.login-marketing-glow{position:absolute;width:420px;height:420px;right:6%;top:18%;border-radius:50%;background:radial-gradient(circle, rgba(16,128,255,.26), transparent 64%);filter:blur(12px);}
.login-marketing-head,.login-hero-copy,.login-benefit-grid,.login-security-card{position:relative;z-index:1;}
.login-marketing-head{display:flex;align-items:center;gap:14px;}
.login-marketing-head img{width:72px;height:72px;object-fit:contain;}
.login-marketing-head div{display:grid;gap:7px;}
.login-hero-copy{max-width:620px;margin:0 0 34px;}
.login-kicker{margin:0 0 20px;color:#7db8ff;font-size:12px;font-weight:900;letter-spacing:.18em;}
.login-hero-copy h1{margin:0;font-family:Rajdhani,Inter,sans-serif;font-size:clamp(48px,5vw,76px);line-height:.92;letter-spacing:.015em;text-transform:uppercase;}
.login-hero-copy h1 span{color:#2a91ff;text-shadow:0 0 34px rgba(32,129,255,.34);}
.login-hero-copy>p:last-child{width:min(92%,560px);margin:26px 0 0;color:#c7d4e7;font-size:18px;line-height:1.72;}
.login-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:auto;}
.login-benefit-grid article{min-height:138px;padding:16px 12px;border-right:1px solid rgba(122,153,204,.14);text-align:center;}
.login-benefit-grid article:last-child{border-right:0;}
.benefit-icon{width:44px;height:44px;margin:0 auto 12px;}
.benefit-icon svg{width:38px;height:38px;stroke-width:1.65;}
.benefit-blue{color:#1f96ff;}.benefit-purple{color:#ce5aff;}.benefit-green{color:#00f28a;}.benefit-gold{color:#ffd15d;}
.login-benefit-grid h2{margin:0 0 9px;font-size:15px;color:#f3f8ff;}
.login-benefit-grid p{margin:0;color:#aebbd0;font-size:12px;line-height:1.55;}
.login-security-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:24px;padding:22px 26px;border:1px solid rgba(99,150,230,.2);border-radius:19px;background:linear-gradient(135deg, rgba(10,25,48,.72), rgba(4,13,26,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
.security-shield{width:48px;height:48px;color:#6ca7ff;}
.security-shield svg{width:42px;height:42px;}
.login-security-card strong{display:block;color:#f4f8ff;margin-bottom:6px;}
.login-security-card p{margin:0;color:#b5c4d8;line-height:1.55;}
.secure-status{display:inline-flex;align-items:center;gap:8px;color:#00f28a;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;}
.secure-status i{width:8px;height:8px;border-radius:50%;background:#00f28a;box-shadow:0 0 18px rgba(0,242,138,.7);}
.login-trust-strip{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:24px;border:1px solid rgba(99,150,230,.16);border-radius:16px;background:linear-gradient(135deg, rgba(12,27,51,.72), rgba(5,14,28,.76));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
.login-trust-strip article{display:flex;align-items:center;justify-content:center;gap:14px;min-height:84px;padding:14px 18px;border-right:1px solid rgba(125,160,214,.14);}
.login-trust-strip article:last-child{border-right:0;}
.login-trust-strip svg{width:34px;height:34px;fill:none;stroke:#76a9ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.login-trust-strip span{display:grid;gap:4px;}
.login-trust-strip b{color:#76a9ff;font-size:15px;}
.login-trust-strip small{color:#bdcce2;font-size:12px;}
.login-card-shell{display:flex;justify-content:center;}
.login-premium-card{width:min(100%,620px);border-radius:24px;padding:48px 44px 34px;}
.login-premium-card::before{content:"";position:absolute;inset:-1px;background:radial-gradient(circle at 28% 0%, rgba(40,132,255,.2), transparent 36%),linear-gradient(180deg, rgba(255,255,255,.04), transparent 32%);pointer-events:none;}
.login-card-head,.login-premium-form,.login-create-row,.login-premium-card .flash-stack{position:relative;z-index:1;}
.login-card-head h2{margin:0;font-size:36px;line-height:1;letter-spacing:-.04em;}
.login-card-head p{margin:16px 0 34px;color:#bfcee4;font-size:17px;}
.login-premium-form{display:grid;gap:24px;}
.login-premium-form label{display:grid;gap:12px;}
.login-premium-form label>span{color:#edf4ff;font-weight:700;}
.login-input-wrap{min-height:58px;display:flex;align-items:center;gap:12px;border:1px solid rgba(126,160,216,.28);border-radius:12px;background:rgba(4,13,26,.68);padding:0 16px;transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;}
.login-input-wrap:focus-within{border-color:rgba(39,143,255,.72);box-shadow:0 0 0 4px rgba(24,126,255,.1), 0 14px 36px rgba(3,20,48,.34);background:rgba(5,16,31,.86);}
.login-input-wrap i{color:#b5c8e6;line-height:0;}
.login-input-wrap i svg{width:22px;height:22px;}
.login-input-wrap input{width:100%;border:0;outline:0;background:transparent;color:#f5f9ff;font-size:16px;min-width:0;}
.login-input-wrap input::placeholder{color:#7f90aa;}
.login-input-wrap input:-webkit-autofill,
.login-input-wrap input:-webkit-autofill:hover,
.login-input-wrap input:-webkit-autofill:focus{-webkit-text-fill-color:#f5f9ff;-webkit-box-shadow:0 0 0 1000px rgba(4,13,26,.96) inset!important;box-shadow:0 0 0 1000px rgba(4,13,26,.96) inset!important;caret-color:#f5f9ff;border:0;}
.login-eye-btn{width:38px;height:38px;border:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#b7c9e7;background:transparent;cursor:pointer;}
.login-eye-btn:hover{color:#fff;background:rgba(255,255,255,.05);}
.login-eye-btn svg{width:22px;height:22px;}
.login-eye-btn .eye-closed,.login-eye-btn.is-visible .eye-open{display:none;}
.login-eye-btn.is-visible .eye-closed{display:block;}
.login-form-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:2px;}
.login-remember{display:inline-flex!important;grid-template-columns:none!important;align-items:center;gap:10px!important;color:#edf4ff;}
.login-remember input{width:20px;height:20px;accent-color:#1f8fff;}
.login-forgot,.login-create-row a{color:#2c9bff;text-decoration:none;font-weight:800;}
.login-forgot:hover,.login-create-row a:hover,.login-nav-link:hover{color:#fff;}
.login-submit-btn{min-height:58px;border:0;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;font-weight:900;font-size:16px;cursor:pointer;background:linear-gradient(135deg, #369bff 0%, #096bff 52%, #0751d8 100%);box-shadow:0 20px 46px rgba(8,103,255,.32), inset 0 1px 0 rgba(255,255,255,.2);transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;}
.login-submit-btn:hover{transform:translateY(-1px);filter:saturate(1.08);box-shadow:0 26px 58px rgba(8,103,255,.42), inset 0 1px 0 rgba(255,255,255,.24);}
.login-submit-btn svg{width:24px;height:24px;stroke-width:2;}
.login-create-row{margin-top:34px;padding-top:28px;border-top:1px solid rgba(126,160,216,.2);display:flex;justify-content:center;align-items:center;gap:18px;color:#bdcbe0;}
.login-premium-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:40px;color:#aab8cc;font-size:14px;}
.login-premium-footer nav{display:flex;align-items:center;justify-content:flex-end;gap:42px;flex-wrap:wrap;}
.login-premium-footer a{color:#aebcd0;text-decoration:none;}
.login-premium-footer a:hover{color:#fff;}

@media (max-width:1180px){
  body.login-premium-shell .page-wrap{width:min(100% - 34px,1100px);}
  .login-premium-layout{grid-template-columns:1fr;}
  .login-card-shell{order:-1;}
  .login-marketing-panel{min-height:auto;padding:36px 0 0;}
  .login-marketing-bg{top:0;bottom:-28px;left:-17px;right:-17px;border-radius:20px;}
  .login-hero-copy{margin:42px 0 28px;}
  .login-premium-card{width:100%;}
}
@media (max-width:760px){
  body.login-premium-shell .page-wrap{width:min(100% - 22px,760px);padding:16px 0 18px;}
  .login-premium-nav{align-items:stretch;flex-direction:column;min-height:auto;}
  .login-premium-actions{justify-content:stretch;}
  .login-lang-picker,.login-nav-link,.login-nav-create{flex:1 1 100%;width:100%;}
  .login-premium-brand img,.login-marketing-head img{width:58px;height:58px;}
  .login-premium-brand strong,.login-marketing-head strong{font-size:26px;}
  .login-premium-layout{gap:18px;}
  .login-premium-card{border-radius:20px;}
  .login-premium-card{padding:30px 18px 24px;}
  .login-card-head h2{font-size:32px;}
  .login-card-head p{margin-bottom:24px;}
  .login-form-row,.login-create-row,.login-security-card,.login-premium-footer{align-items:flex-start;flex-direction:column;}
  .login-marketing-panel{padding:26px 0 20px;}
  .login-marketing-bg{left:-11px;right:-11px;background:linear-gradient(180deg, rgba(4,12,25,.9) 0%, rgba(4,12,25,.66) 48%, rgba(4,12,25,.92) 100%),url("/static/login-eagle-bg.png") center top / cover no-repeat;}
  .login-hero-copy h1{font-size:42px;}
  .login-hero-copy>p:last-child{width:100%;font-size:16px;}
  .login-benefit-grid{grid-template-columns:1fr 1fr;}
  .login-benefit-grid article{border-right:0;border-top:1px solid rgba(122,153,204,.14);}
  .login-security-card{display:flex;gap:12px;padding:18px;}
  .login-trust-strip{grid-template-columns:1fr;}
  .login-trust-strip article{justify-content:flex-start;border-right:0;border-top:1px solid rgba(125,160,214,.14);}
  .login-trust-strip article:first-child{border-top:0;}
  .login-premium-footer nav{align-items:flex-start;flex-direction:column;gap:12px;}
}

/* =========================
   Signup Wizard Redesign
   ========================= */
body.signup-wizard-shell{min-height:100vh;background:#020914;color:#f5f8ff;}
body.signup-wizard-shell .bg-overlay{background:radial-gradient(circle at 18% 14%, rgba(16,121,255,.18), transparent 34%),radial-gradient(circle at 82% 22%, rgba(17,82,185,.14), transparent 32%),linear-gradient(180deg, rgba(2,8,18,.72), rgba(1,6,14,.94));}
body.signup-wizard-shell .bg-fade{background:linear-gradient(180deg, rgba(2,8,16,.42), rgba(1,5,12,.88));}
body.signup-wizard-shell .lang-floating-toggle{display:none!important;}
body.signup-wizard-shell .page-wrap{width:min(100% - 48px,1500px);padding:22px 0 20px;}
.signup-wizard-topbar{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;}
.signup-wizard-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;}
.signup-wizard-brand img{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 16px 28px rgba(0,0,0,.35));}
.signup-wizard-brand span{display:grid;gap:5px;}
.signup-wizard-brand strong{font-size:28px;line-height:1;letter-spacing:-.04em;}
.signup-wizard-brand b{color:#168cff;}
.signup-wizard-brand small{color:#aebcce;font-size:11px;letter-spacing:.12em;text-transform:uppercase;}
.signup-wizard-login{display:flex;align-items:center;gap:8px;color:#b8c7dd;font-size:14px;font-weight:700;}
.signup-wizard-login a{color:#2d9bff;text-decoration:none;font-weight:900;}
.signup-wizard-page{position:relative;min-height:calc(100vh - 118px);display:grid;place-items:start center;padding:8px 0 24px;}
.signup-wizard-bg{position:absolute;inset:-112px auto -80px calc((100vw - min(100vw - 48px,1500px)) / -2);width:min(54vw,820px);background:linear-gradient(90deg, rgba(2,8,17,.86), rgba(2,8,17,.44) 66%, transparent),linear-gradient(180deg, rgba(2,8,17,.18), rgba(2,8,17,.88)),url("/static/login-eagle-bg.png") left center / cover no-repeat;opacity:.92;filter:saturate(1.08) contrast(1.05);pointer-events:none;}
.signup-wizard-card,.signup-success-card{position:relative;z-index:1;width:min(100%,760px);border:1px solid rgba(91,140,214,.28);border-radius:24px;background:linear-gradient(145deg, rgba(8,20,38,.88), rgba(3,10,22,.94));box-shadow:0 34px 90px rgba(0,0,0,.45),0 0 60px rgba(20,115,255,.12),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(18px);}
.signup-wizard-card{padding:22px;}
.signup-stepper{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-bottom:22px;}
.signup-stepper button{position:relative;border:0;background:transparent;color:#7d90aa;display:grid;justify-items:center;gap:7px;font-weight:800;cursor:default;}
.signup-stepper button::before{content:"";position:absolute;top:15px;left:-50%;width:100%;height:2px;background:rgba(97,139,203,.28);}
.signup-stepper button:first-child::before{display:none;}
.signup-stepper span{position:relative;z-index:1;width:32px;height:32px;border:1px solid rgba(122,159,216,.36);border-radius:50%;display:grid;place-items:center;background:#081426;color:#b8c9e4;box-shadow:0 0 0 5px rgba(2,9,19,.72);}
.signup-stepper b{font-size:12px;}
.signup-stepper button.is-active span,.signup-stepper button.is-complete span{border-color:#188bff;background:linear-gradient(135deg,#35a0ff,#075cff);color:#fff;box-shadow:0 0 0 5px rgba(10,92,202,.15),0 0 24px rgba(18,128,255,.45);}
.signup-stepper button.is-active b,.signup-stepper button.is-complete b{color:#62adff;}
.signup-stepper button.is-skipped{opacity:.38;}
.signup-wizard-head{margin-bottom:18px;}
.signup-wizard-head h1{margin:0 0 8px;font-size:31px;letter-spacing:-.04em;}
.signup-wizard-head p{margin:0;color:#adbdd4;line-height:1.55;}
.signup-wizard-step{display:none;}
.signup-wizard-step.is-active{display:block;animation:signupStepIn .22s ease both;}
@keyframes signupStepIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.signup-field-grid{display:grid;gap:14px 16px;}
.signup-field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));}
.signup-field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr));}
.signup-field{display:grid;gap:9px;color:#eef5ff;font-weight:800;}
.signup-input-shell{min-height:50px;display:flex;align-items:center;gap:12px;border:1px solid rgba(126,160,216,.28);border-radius:11px;background:rgba(4,13,26,.7);padding:0 13px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;}
.signup-input-shell:focus-within{border-color:rgba(39,143,255,.72);box-shadow:0 0 0 4px rgba(24,126,255,.1);background:rgba(5,16,31,.9);}
.signup-input-shell i,.signup-eye-btn{color:#a9bddb;line-height:0;}
.signup-input-shell svg,.signup-eye-btn svg,.signup-trust-strip svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.signup-input-shell input,.signup-input-shell select{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f5f9ff;font-size:15px;}
.signup-input-shell input::placeholder{color:#7f90aa;}
.signup-input-shell input:-webkit-autofill{-webkit-text-fill-color:#f5f9ff;-webkit-box-shadow:0 0 0 1000px rgba(4,13,26,.96) inset!important;box-shadow:0 0 0 1000px rgba(4,13,26,.96) inset!important;}
.signup-eye-btn{width:34px;height:34px;border:0;border-radius:10px;display:grid;place-items:center;background:transparent;cursor:pointer;}
.signup-eye-btn:hover{background:rgba(255,255,255,.05);color:#fff;}
.signup-eye-btn .eye-closed,.signup-eye-btn.is-visible .eye-open{display:none;}
.signup-eye-btn.is-visible .eye-closed{display:block;}
.signup-password-meter{margin-top:14px;display:grid;gap:10px;}
.signup-password-title{color:#b8c7dd;font-weight:800;font-size:13px;}
.signup-password-title b{color:#ffbf62;}
.signup-password-title b[data-level="strong"]{color:#1ff29a;}
.signup-password-title b[data-level="medium"]{color:#ffd261;}
.signup-password-bars{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;}
.signup-password-bars i{height:5px;border-radius:999px;background:rgba(126,160,216,.18);}
.signup-password-bars i.is-on{background:linear-gradient(90deg,#28e693,#0fcf76);box-shadow:0 0 14px rgba(31,242,154,.34);}
.signup-password-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin:0;padding:0;list-style:none;color:#aebdd3;font-size:13px;}
.signup-password-rules li{display:flex;align-items:center;gap:8px;}
.signup-password-rules li::before{content:"";width:15px;height:15px;border:1px solid rgba(121,154,206,.46);border-radius:50%;display:inline-grid;place-items:center;}
.signup-password-rules li.is-valid{color:#dfffee;}
.signup-password-rules li.is-valid::before{content:"✓";border-color:#1fe28f;background:rgba(31,226,143,.14);color:#1fe28f;font-size:10px;font-weight:900;}
.signup-password-match{min-height:18px;margin:0;color:#ffb4b4;font-weight:800;font-size:13px;}
.signup-password-match.is-valid{color:#1ff29a;}
.signup-account-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px;}
.signup-account-cards label{position:relative;display:grid;gap:8px;min-height:128px;padding:18px;border:1px solid rgba(126,160,216,.24);border-radius:16px;background:rgba(6,18,35,.66);cursor:pointer;transition:.18s ease;}
.signup-account-cards input{position:absolute;opacity:0;pointer-events:none;}
.signup-account-cards span{font-size:18px;font-weight:900;color:#f6f9ff;}
.signup-account-cards small{color:#9fb0c8;line-height:1.45;}
.signup-account-cards label.is-selected{border-color:rgba(45,151,255,.7);background:linear-gradient(145deg,rgba(18,85,160,.44),rgba(6,18,35,.74));box-shadow:0 18px 42px rgba(9,95,220,.18),inset 0 1px 0 rgba(255,255,255,.06);}
.signup-choice-block{display:grid;gap:11px;margin:18px 0;}
.signup-choice-block>span{font-weight:900;color:#edf5ff;}
.signup-check-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;}
.signup-check-grid.academy{grid-template-columns:repeat(3,minmax(0,1fr));}
.signup-check-grid label{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid rgba(126,160,216,.24);border-radius:11px;background:rgba(4,13,26,.64);color:#dce8fb;font-weight:800;}
.signup-check-grid input{accent-color:#168cff;}
.signup-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.signup-review-grid article{min-height:82px;border:1px solid rgba(126,160,216,.2);border-radius:14px;background:rgba(5,16,31,.7);padding:13px;display:grid;align-content:center;gap:6px;}
.signup-review-grid span{color:#8ea1bc;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;}
.signup-review-grid b{color:#f5f9ff;font-size:15px;}
.signup-legal-box{display:grid;gap:12px;margin-top:18px;padding:16px;border:1px solid rgba(126,160,216,.2);border-radius:15px;background:rgba(4,13,26,.62);}
.signup-legal-box label{display:flex;align-items:flex-start;gap:10px;color:#c9d8ee;line-height:1.5;}
.signup-legal-box input{margin-top:4px;accent-color:#168cff;}
.signup-legal-box a{color:#2d9bff;text-decoration:none;font-weight:900;}
.signup-wizard-error{min-height:18px;margin:12px 0 0;color:#ffb4b4;font-weight:800;}
.signup-wizard-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;}
.signup-wizard-primary,.signup-wizard-secondary{min-height:52px;border-radius:11px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font-weight:950;cursor:pointer;}
.signup-wizard-actions [hidden]{display:none!important;}
.signup-wizard-primary{border:0;color:#fff;background:linear-gradient(135deg,#369bff 0%,#096bff 52%,#0751d8 100%);box-shadow:0 20px 46px rgba(8,103,255,.32),inset 0 1px 0 rgba(255,255,255,.2);}
.signup-wizard-secondary{border:1px solid rgba(126,160,216,.28);color:#d6e6ff;background:rgba(6,18,35,.72);}
.signup-success-card{display:grid;justify-items:center;text-align:center;gap:14px;padding:46px 36px;}
.signup-success-icon{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:rgba(31,226,143,.14);border:1px solid rgba(31,226,143,.42);color:#1ff29a;font-size:34px;font-weight:950;box-shadow:0 0 36px rgba(31,226,143,.16);}
.signup-success-card h1{margin:0;font-size:38px;letter-spacing:-.04em;}
.signup-success-card p{margin:0 0 8px;max-width:620px;color:#bdcde4;line-height:1.65;font-size:17px;}
@media (max-width:980px){
  .signup-wizard-page{place-items:start stretch;}
  .signup-wizard-bg{width:auto;right:-24px;opacity:.48;}
  .signup-field-grid.two,.signup-field-grid.three,.signup-account-cards,.signup-review-grid{grid-template-columns:1fr;}
  .signup-check-grid,.signup-check-grid.academy{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:680px){
  body.signup-wizard-shell .page-wrap{width:min(100% - 22px,760px);padding:16px 0;}
  .signup-wizard-topbar{align-items:flex-start;flex-direction:column;}
  .signup-wizard-card{padding:18px;border-radius:20px;}
  .signup-stepper{overflow-x:auto;grid-template-columns:repeat(5,76px);padding-bottom:4px;}
  .signup-wizard-head h1{font-size:28px;}
  .signup-password-rules,.signup-check-grid,.signup-check-grid.academy{grid-template-columns:1fr;}
  .signup-wizard-actions{align-items:stretch;flex-direction:column-reverse;}
  .signup-wizard-primary,.signup-wizard-secondary{width:100%;}
}

/* Owner > Team Access Management */
.team-access-page{display:grid;gap:18px;color:#eaf2ff;}
.team-access-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;}
.team-access-hero h1{margin:0;font-size:31px;letter-spacing:-.035em;color:#f7fbff;}
.team-access-hero p{margin:7px 0 0;color:#aebed6;font-size:15px;max-width:760px;}
.team-access-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;}
.team-primary-btn,.team-secondary-btn{min-height:44px;border-radius:12px;padding:0 18px;font-weight:900;font-size:14px;letter-spacing:-.01em;cursor:pointer;transition:.18s ease;border:1px solid rgba(82,138,255,.35);}
.team-primary-btn{color:#fff;background:linear-gradient(135deg,#3a82ff,#0959e8);box-shadow:0 14px 34px rgba(30,118,255,.28),inset 0 1px 0 rgba(255,255,255,.22);}
.team-secondary-btn{color:#dfeaff;background:linear-gradient(145deg,rgba(17,32,55,.9),rgba(7,17,33,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.05);}
.team-primary-btn:hover,.team-secondary-btn:hover{transform:translateY(-1px);border-color:rgba(70,154,255,.68);box-shadow:0 18px 40px rgba(25,112,255,.24);}
.team-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;}
.team-kpi-grid article{display:flex;align-items:center;gap:16px;min-height:110px;border:1px solid rgba(99,143,211,.2);border-radius:18px;padding:18px;background:linear-gradient(145deg,rgba(12,28,51,.82),rgba(5,14,28,.94));box-shadow:0 18px 46px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.04);}
.team-kpi-grid article>span{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;font-size:25px;box-shadow:0 0 30px rgba(48,138,255,.18);}
.team-kpi-grid .is-blue{background:rgba(38,133,255,.16);border:1px solid rgba(38,133,255,.28);}
.team-kpi-grid .is-purple{background:rgba(157,88,255,.16);border:1px solid rgba(157,88,255,.28);}
.team-kpi-grid .is-green{background:rgba(34,229,142,.14);border:1px solid rgba(34,229,142,.26);}
.team-kpi-grid .is-amber{background:rgba(255,184,48,.15);border:1px solid rgba(255,184,48,.28);}
.team-kpi-grid small{display:block;color:#b8c7df;font-size:13px;font-weight:800;}
.team-kpi-grid b{display:block;margin-top:2px;color:#fff;font-size:28px;letter-spacing:-.04em;}
.team-kpi-grid em{display:block;margin-top:2px;color:#98a9c2;font-size:12px;font-style:normal;}
.team-table-card{position:relative;border:1px solid rgba(97,140,205,.22);border-radius:20px;overflow:visible;background:linear-gradient(145deg,rgba(10,24,44,.88),rgba(4,13,26,.96));box-shadow:0 24px 64px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.04);}
.team-filter-row{display:grid;grid-template-columns:minmax(260px,1fr) 180px 180px auto;gap:12px;align-items:center;padding:18px;border-bottom:1px solid rgba(109,151,216,.14);}
.team-search{height:46px;border:1px solid rgba(100,145,215,.24);border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 14px;background:rgba(4,13,26,.62);color:#8e9db5;}
.team-search input,.team-filter-row select,.team-modal-card input,.team-modal-card select{width:100%;height:46px;border:1px solid rgba(100,145,215,.24);border-radius:12px;padding:0 13px;background:rgba(3,12,24,.76);color:#edf5ff;outline:none;}
.team-search input{height:auto;border:0;padding:0;background:transparent;}
.team-table-wrap{overflow:visible;}
.team-access-table{width:100%;min-width:0;border-collapse:collapse;}
.team-access-table th{padding:14px 16px;background:rgba(21,44,73,.5);color:#9fb1cd;text-align:left;text-transform:uppercase;font-size:11px;letter-spacing:.06em;}
.team-access-table td{padding:14px 16px;border-top:1px solid rgba(105,149,213,.13);color:#d9e4f6;font-size:14px;vertical-align:middle;}
.team-access-table tr:hover td{background:rgba(45,119,255,.045);}
.team-person{display:flex;align-items:center;gap:12px;}
.team-person>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#265ea8,#1c2840);color:#fff;font-weight:950;border:1px solid rgba(130,178,255,.3);}
.team-person b{display:block;color:#fff;}
.team-person small{display:block;color:#94a5bf;font-size:12px;margin-top:2px;}
.team-role-stack{display:flex;gap:6px;flex-wrap:wrap;}
.team-role,.team-perm-chip,.team-status{display:inline-flex;align-items:center;gap:7px;min-height:26px;padding:0 10px;border-radius:8px;font-size:12px;font-weight:900;text-transform:capitalize;}
.team-role.is-owner{background:rgba(255,187,55,.15);color:#ffcb67;border:1px solid rgba(255,187,55,.25);}
.team-role.is-admin{background:rgba(43,132,255,.15);color:#69a9ff;border:1px solid rgba(43,132,255,.25);}
.team-role.is-support{background:rgba(157,88,255,.15);color:#c292ff;border:1px solid rgba(157,88,255,.25);}
.team-role.is-instructor{background:rgba(34,229,142,.13);color:#55eea8;border:1px solid rgba(34,229,142,.24);}
.team-role.is-user{background:rgba(139,159,190,.12);color:#c5d3e8;border:1px solid rgba(139,159,190,.2);}
.team-mode{color:#f2f7ff;font-weight:800;}
.team-perm-chip{background:rgba(43,132,255,.12);color:#7bb5ff;}
.team-perm-chip.is-all{background:rgba(34,229,142,.14);color:#5cf0a7;}
.team-status{background:rgba(34,229,142,.12);color:#5cf0a7;}
.team-status i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor;}
.team-status.is-suspended{background:rgba(255,92,92,.12);color:#ff7777;}
.team-status.is-pending{background:rgba(255,184,48,.13);color:#ffc357;}
.team-row-menu{position:relative;display:inline-flex;}
.team-row-menu>button{width:38px;height:34px;border:1px solid rgba(110,154,220,.23);border-radius:10px;background:rgba(7,18,34,.74);color:#dce9ff;cursor:pointer;}
.team-menu-panel{display:none;position:absolute;right:0;top:40px;width:220px;padding:8px;border:1px solid rgba(102,145,211,.24);border-radius:14px;background:#081525;box-shadow:0 24px 60px rgba(0,0,0,.42);z-index:500;}
.team-row-menu.is-open .team-menu-panel{display:grid;}
.team-menu-panel button{border:0;background:transparent;color:#dce9ff;text-align:left;padding:10px 11px;border-radius:10px;cursor:pointer;font-weight:800;}
.team-menu-panel button:hover{background:rgba(45,119,255,.12);}
.team-menu-panel .is-warn{color:#ffc357;}
.team-menu-panel .is-danger{color:#ff7474;}
.team-table-footer{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;border-top:1px solid rgba(105,149,213,.13);color:#a8b9d2;font-size:13px;}
.team-table-footer a{color:#37a1ff;text-decoration:none;font-weight:900;}
.team-modal[hidden]{display:none;}
.team-modal{position:fixed;inset:0;display:grid;place-items:center;padding:22px;background:rgba(0,5,12,.66);backdrop-filter:blur(10px);z-index:9999;}
.team-modal-card{position:relative;width:min(620px,100%);max-height:88vh;overflow:auto;border:1px solid rgba(95,142,212,.28);border-radius:22px;padding:24px;background:linear-gradient(145deg,rgba(10,24,44,.98),rgba(4,13,26,.98));box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 80px rgba(31,124,255,.15);}
.team-modal-card.wide{width:min(980px,100%);}
.team-modal-close{position:absolute;right:16px;top:14px;width:34px;height:34px;border:1px solid rgba(120,160,220,.22);border-radius:10px;background:rgba(8,20,36,.8);color:#fff;font-size:22px;cursor:pointer;}
.team-modal-card h2{margin:0;color:#fff;font-size:25px;}
.team-modal-card p{color:#aebed6;margin:7px 0 18px;}
.team-modal-card form{display:grid;gap:12px;}
.team-modal-card label{display:grid;gap:7px;color:#dbe7f8;font-weight:800;font-size:13px;}
.team-permission-grid,.team-edit-form,.team-role-permission-grid,.team-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.team-permission-grid label,.team-edit-form label,.team-role-permission-grid label{display:flex;align-items:center;gap:8px;min-height:38px;border:1px solid rgba(104,150,217,.18);border-radius:11px;padding:0 11px;background:rgba(5,16,31,.58);}
.team-role-permission-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.team-role-permission-grid article,.team-profile-grid article,.team-audit-list article{border:1px solid rgba(104,150,217,.18);border-radius:14px;padding:14px;background:rgba(5,16,31,.58);}
.team-role-permission-grid h3{margin:0 0 10px;}
.team-audit-list{display:grid;gap:10px;}
.team-audit-list article{display:grid;grid-template-columns:1fr auto;gap:4px 16px;}
.team-audit-list b{color:#fff;}
.team-audit-list span{color:#79b4ff;}
.team-audit-list small,.team-audit-list em{color:#9fb0c9;font-style:normal;}
.team-profile-grid article span{display:block;color:#92a4bf;font-size:12px;text-transform:uppercase;letter-spacing:.06em;}
.team-profile-grid article b{display:block;color:#fff;margin-top:4px;}
.team-form-msg{min-height:18px;color:#5cf0a7!important;font-weight:800;}
.team-menu-panel hr{width:100%;height:1px;border:0;background:rgba(121,160,220,.16);margin:5px 0;}
.team-action-modal .team-modal-card{padding:24px 24px 18px;background:radial-gradient(circle at 86% 0%,rgba(31,116,255,.12),transparent 36%),linear-gradient(145deg,rgba(8,22,42,.98),rgba(3,12,24,.98));}
.team-modal-step{display:inline-flex;align-items:center;gap:8px;margin:-4px 0 10px;color:#2d94ff;text-transform:uppercase;font-size:12px;font-weight:950;letter-spacing:.04em;}
.team-modal-step i{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#3b9fff,#075cff);color:#fff;font-style:normal;box-shadow:0 0 18px rgba(45,148,255,.38);}
.team-profile-modal{width:min(560px,100%);}
.team-action-card{width:min(600px,100%);}
.team-action-card.permission-card{width:min(660px,100%);}
.team-confirm-card{width:min(620px,100%);text-align:left;}
.team-profile-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:12px 0 16px;}
.team-avatar-large{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#325f9b,#162944);border:1px solid rgba(151,193,255,.28);color:#fff;font-size:21px;font-weight:950;box-shadow:0 0 28px rgba(47,132,255,.22);}
.team-profile-head h3{margin:0;color:#fff;font-size:17px;}
.team-profile-head p{margin:3px 0 8px!important;font-size:13px;}
.team-profile-matrix{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(113,155,219,.18);border-radius:12px;overflow:hidden;background:rgba(5,16,31,.5);}
.team-profile-matrix article{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:43px;padding:10px;border-bottom:1px solid rgba(113,155,219,.12);border-right:1px solid rgba(113,155,219,.12);}
.team-profile-matrix article:nth-child(even){border-right:0;}
.team-profile-matrix article:nth-last-child(-n+2){border-bottom:0;}
.team-profile-matrix span{color:#91a5c1;font-size:11px;font-weight:900;}
.team-profile-matrix b{color:#eaf2ff;font-size:12px;text-align:right;}
.team-profile-modal h4{margin:18px 0 8px;color:#cfe0fb;font-size:13px;}
.team-summary-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid rgba(113,155,219,.18);border-radius:12px;background:rgba(7,20,38,.72);overflow:hidden;}
.team-summary-strip article{min-height:64px;display:grid;grid-template-columns:auto auto;align-content:center;justify-content:center;gap:0 10px;border-right:1px solid rgba(113,155,219,.13);}
.team-summary-strip article:last-child{border-right:0;}
.team-summary-strip span{grid-row:span 2;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(45,132,255,.15);color:#60aaff;font-weight:950;}
.team-summary-strip b{color:#fff;font-size:20px;line-height:1;}
.team-summary-strip small{color:#9eb1cb;font-size:11px;}
.team-role-card-list{display:grid;gap:0;border:1px solid rgba(113,155,219,.18);border-radius:12px;overflow:hidden;background:rgba(4,14,28,.62);}
.team-role-card{min-height:68px;display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:0!important;padding:11px 14px!important;border:0!important;border-bottom:1px solid rgba(113,155,219,.12)!important;border-radius:0!important;background:transparent!important;cursor:pointer;}
.team-role-card:last-child{border-bottom:0!important;}
.team-role-card.is-selected{background:rgba(35,114,255,.08)!important;}
.team-role-card.is-locked{background:rgba(255,180,48,.12)!important;box-shadow:inset 0 0 0 1px rgba(255,180,48,.16);}
.team-role-card span:nth-child(2){display:grid;gap:2px;}
.team-role-card b{color:#fff;font-size:14px;}
.team-role-card small{color:#aabbd4;font-size:11px;line-height:1.35;}
.team-role-card em{color:#ffc357;font-size:11px;font-style:normal;font-weight:900;text-align:right;}
.team-role-icon,.team-module-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(96,148,255,.13);border:1px solid rgba(96,148,255,.2);}
.team-role-icon.is-owner{background:rgba(255,184,48,.16);border-color:rgba(255,184,48,.28);}
.team-role-icon.is-admin,.team-role-icon.is-user{background:rgba(45,132,255,.16);border-color:rgba(45,132,255,.28);}
.team-role-icon.is-support{background:rgba(157,88,255,.16);border-color:rgba(157,88,255,.28);}
.team-role-icon.is-instructor{background:rgba(34,229,142,.14);border-color:rgba(34,229,142,.24);}
.team-role-card input[type="checkbox"],.team-permission-module input[type="checkbox"],.team-permission-grid input[type="checkbox"],.team-edit-form input[type="checkbox"],.team-role-permission-grid input[type="checkbox"]{width:17px!important;height:17px!important;min-width:17px;accent-color:#2d8cff;margin:0;}
.team-reason-field{margin-top:10px;}
.team-reason-field input{margin-top:7px;}
.team-info-note,.team-warning-note{margin:10px 0 0!important;padding:11px 12px;border:1px solid rgba(83,151,255,.2);border-radius:10px;background:rgba(18,54,96,.18);color:#9fc8ff!important;font-size:12px!important;}
.team-permission-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:7px;margin:-2px 0 8px;color:#9eb1cb;font-size:12px;}
.team-permission-toolbar button{border:0;background:transparent;color:#4aa8ff;font-weight:900;cursor:pointer;padding:0;}
.team-business-permission-list{display:grid;gap:0;border:1px solid rgba(113,155,219,.18);border-radius:12px;overflow:hidden;background:rgba(4,14,28,.62);}
.team-permission-module{border-bottom:1px solid rgba(113,155,219,.12);}
.team-permission-module:last-child{border-bottom:0;}
.team-permission-module header{min-height:56px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;padding:10px 13px;}
.team-permission-module header b{display:block;color:#fff;font-size:13px;}
.team-permission-module header small{display:block;color:#9fb0c9;font-size:11px;line-height:1.3;}
.team-permission-module header strong{color:#35db70;font-size:12px;white-space:nowrap;}
.team-permission-module header button{width:28px;height:28px;border:0;background:transparent;color:#9fc8ff;font-size:22px;cursor:pointer;transition:.18s ease;}
.team-permission-module.is-open header button{transform:rotate(90deg);}
.team-module-icon.is-blue{background:rgba(45,132,255,.15);border-color:rgba(45,132,255,.25);}
.team-module-icon.is-green{background:rgba(34,229,142,.13);border-color:rgba(34,229,142,.22);}
.team-module-icon.is-purple{background:rgba(157,88,255,.14);border-color:rgba(157,88,255,.24);}
.team-module-icon.is-amber{background:rgba(255,184,48,.14);border-color:rgba(255,184,48,.25);}
.team-module-perms{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 13px 13px;}
.team-permission-module.is-open .team-module-perms{display:grid;}
.team-module-perms label{display:flex!important;align-items:center;gap:8px;min-height:34px!important;padding:0 10px!important;border:1px solid rgba(113,155,219,.12);border-radius:9px;background:rgba(8,22,42,.55);font-size:12px!important;}
.team-confirm-card{text-align:left;}
.team-confirm-card h2{margin-bottom:2px;}
.team-confirm-icon{width:76px;height:76px;margin:14px auto 12px;border-radius:50%;display:grid;place-items:center;font-size:31px;font-weight:950;}
.team-confirm-icon.is-amber{border:1px solid rgba(255,157,36,.5);background:rgba(255,157,36,.15);color:#ff9f2c;box-shadow:0 0 35px rgba(255,157,36,.18);}
.team-confirm-icon.is-red{border:1px solid rgba(255,67,75,.5);background:rgba(255,67,75,.14);color:#ff4c58;box-shadow:0 0 35px rgba(255,67,75,.16);}
.team-confirm-card h3{text-align:center;margin:0 0 8px;color:#fff;font-size:16px;}
.team-confirm-copy{max-width:430px;margin:0 auto 14px!important;text-align:center;color:#b8c8e4!important;font-size:13px!important;line-height:1.45;}
.team-danger-btn{min-height:44px;border:0;border-radius:10px;padding:0 18px;color:#fff;font-weight:950;cursor:pointer;}
.team-danger-btn.is-amber{background:linear-gradient(135deg,#ffb13d,#ff7c16);box-shadow:0 14px 34px rgba(255,128,24,.22);}
.team-danger-btn.is-red{background:linear-gradient(135deg,#ff565f,#db1d2c);box-shadow:0 14px 34px rgba(255,48,60,.2);}
.team-modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(113,155,219,.1);}
@media (max-width:640px){
  .team-profile-head{grid-template-columns:1fr;text-align:center;justify-items:center;}
  .team-profile-matrix,.team-summary-strip,.team-module-perms{grid-template-columns:1fr;}
  .team-profile-matrix article,.team-summary-strip article{border-right:0;}
  .team-modal-footer{flex-direction:column-reverse;}
}

/* Role default permissions editor */
.role-defaults-modal{width:min(1480px,calc(100vw - 28px));}
.role-defaults-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px;}
.role-defaults-head h2{font-size:27px;}
.role-defaults-info{margin:12px 0 16px;padding:13px 15px;border:1px solid rgba(80,145,255,.22);border-radius:12px;background:rgba(18,57,105,.18);color:#bcd0eb;font-size:13px;line-height:1.45;}
.role-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px;}
.role-tabs button{min-height:64px;border:1px solid rgba(111,155,222,.18);border-radius:12px;background:linear-gradient(145deg,rgba(13,30,54,.9),rgba(6,16,31,.94));color:#dce8fb;display:flex;align-items:center;gap:12px;padding:0 14px;cursor:pointer;font-weight:950;}
.role-tabs button.is-active{border-color:#167fff;background:linear-gradient(145deg,rgba(19,85,166,.52),rgba(7,22,43,.96));box-shadow:0 0 0 1px rgba(39,143,255,.22),0 18px 44px rgba(25,111,255,.16);}
.role-tabs span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(42,131,255,.13);color:#54a8ff;}
.role-tabs em{margin-left:auto;padding:5px 9px;border-radius:8px;background:rgba(142,166,202,.1);color:#c8d7ee;font-size:11px;font-style:normal;}
.role-tabs .is-protected span,.role-tabs .is-protected b{color:#ffbf42;}
.role-tabs .is-protected em{background:rgba(255,184,48,.14);color:#ffc457;}
.role-template-shell{display:grid;grid-template-columns:360px 1fr;gap:16px;min-height:610px;}
.role-module-sidebar,.role-permission-editor{border:1px solid rgba(111,155,222,.18);border-radius:14px;background:rgba(6,18,34,.64);padding:14px;}
.role-module-sidebar h3{margin:0 0 12px;color:#fff;}
.role-module-list{display:grid;gap:8px;margin-top:10px;max-height:520px;overflow:auto;padding-right:3px;}
.role-module-list button{min-height:70px;border:1px solid rgba(111,155,222,.12);border-radius:12px;background:rgba(9,24,44,.76);color:#e9f2ff;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:left;padding:10px 12px;cursor:pointer;}
.role-module-list button.is-active{border-color:#168cff;background:rgba(21,86,160,.34);}
.role-module-list span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(45,132,255,.14);}
.role-module-list b{display:grid;gap:3px;font-size:13px;}
.role-module-list small{color:#a9bad3;font-weight:700;line-height:1.25;}
.role-module-list em{color:#27f298;font-style:normal;font-weight:950;text-align:right;font-size:12px;}
.role-module-list em small{display:block;color:#27f298;font-size:11px;}
.role-editor-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;}
.role-editor-title{display:flex;align-items:center;gap:14px;}
.role-editor-title h3{margin:0;color:#fff;font-size:24px;}
.role-editor-title p{margin:3px 0 0!important;font-size:12px!important;}
.role-editor-title b{display:inline-flex;margin-right:8px;padding:4px 8px;border-radius:8px;background:rgba(42,132,255,.16);color:#58aaff;}
.role-editor-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
.role-editor-actions select{height:44px;border:1px solid rgba(111,155,222,.22);border-radius:10px;background:rgba(3,12,24,.76);color:#edf5ff;padding:0 12px;}
.role-module-panels{display:grid;gap:8px;}
.role-module-panel{border:1px solid rgba(111,155,222,.12);border-radius:12px;background:rgba(9,24,44,.72);overflow:hidden;}
.role-module-panel header{min-height:58px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px 16px;}
.role-module-panel h3{margin:0;color:#fff;font-size:15px;}
.role-module-panel p{margin:3px 0 0!important;color:#a9bad3!important;font-size:12px!important;}
.role-module-panel strong{padding:6px 9px;border-radius:8px;background:rgba(17,91,60,.2);color:#28f29a;font-size:12px;}
.role-module-panel header button{width:32px;height:32px;border:1px solid rgba(111,155,222,.14);border-radius:9px;background:rgba(5,15,29,.7);color:#dce9ff;cursor:pointer;}
.role-permission-switches{display:none;padding:0 16px 14px;}
.role-module-panel.is-open .role-permission-switches{display:grid;}
.role-permission-switches label{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;min-height:58px;padding:11px 4px;border-top:1px solid rgba(111,155,222,.1);}
.role-permission-switches b{display:block;color:#fff;font-size:13px;}
.role-permission-switches small{display:block;color:#aebed6;font-size:12px;margin-top:3px;}
.role-permission-switches code{display:none;margin-top:5px;color:#7d91ad;font-size:11px;}
.role-permission-switches input{position:absolute;opacity:0;pointer-events:none;}
.role-permission-switches i{width:42px;height:23px;border-radius:999px;background:rgba(100,130,170,.28);position:relative;transition:.16s ease;}
.role-permission-switches i::after{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#dbe7ff;transition:.16s ease;}
.role-permission-switches input:checked+i{background:linear-gradient(135deg,#38a0ff,#075cff);box-shadow:0 0 18px rgba(24,126,255,.28);}
.role-permission-switches input:checked+i::after{transform:translateX(19px);background:#fff;}
.role-permission-switches input:disabled+i{opacity:.55;filter:saturate(.5);}
.role-module-builder-modal h3{color:#fff;margin:18px 0 8px;}
.module-permission-rows{display:grid;gap:10px;margin-bottom:10px;}
.module-permission-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:1px solid rgba(111,155,222,.16);border-radius:13px;background:rgba(7,20,38,.62);padding:12px;}
.module-permission-row label{display:grid;gap:6px;color:#dbe7f8;font-weight:800;font-size:12px;}
.module-default-roles{grid-column:1/-1;display:flex;gap:9px;flex-wrap:wrap;align-items:center;color:#aebed6;font-size:12px;}
.module-default-roles span{width:100%;font-weight:900;color:#eaf2ff;}
.module-default-roles label{display:flex;align-items:center;gap:5px;}
.module-permission-row button{grid-column:1/-1;justify-self:end;border:1px solid rgba(255,92,92,.25);border-radius:9px;background:rgba(255,92,92,.08);color:#ff8585;padding:8px 12px;cursor:pointer;font-weight:900;}
@media (max-width:1100px){
  .role-tabs{grid-template-columns:repeat(2,minmax(0,1fr));}
  .role-template-shell{grid-template-columns:1fr;}
  .role-editor-head,.role-defaults-head{align-items:flex-start;flex-direction:column;}
  .role-editor-actions{justify-content:flex-start;}
}
@media (max-width:680px){
  .role-tabs,.module-permission-row{grid-template-columns:1fr;}
  .role-editor-actions,.role-editor-actions .team-primary-btn,.role-editor-actions .team-secondary-btn,.role-editor-actions select{width:100%;}
}
@media (max-width:1180px){
  .team-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .team-access-hero{align-items:flex-start;flex-direction:column;}
  .team-access-actions{justify-content:flex-start;}
}
@media (max-width:760px){
  .team-kpi-grid,.team-filter-row,.team-permission-grid,.team-edit-form,.team-role-permission-grid,.team-profile-grid{grid-template-columns:1fr;}
  .team-table-footer{flex-direction:column;}
  .team-primary-btn,.team-secondary-btn{width:100%;justify-content:center;}
}

/* Roles & Permissions modal layout polish */
.team-modal:has(.role-defaults-modal){padding:16px 18px;place-items:center;}
.team-modal-card.wide.role-defaults-modal{
  box-sizing:border-box;
  width:min(1760px,calc(100vw - 52px));
  max-width:none;
  height:min(930px,calc(100vh - 44px));
  max-height:calc(100vh - 44px);
  overflow-y:auto;
  overflow-x:hidden;
  padding:28px 34px 22px;
  scrollbar-width:thin;
  scrollbar-color:rgba(92,128,178,.38) transparent;
}
.team-modal-card.wide.role-defaults-modal::-webkit-scrollbar{width:7px;height:0;}
.team-modal-card.wide.role-defaults-modal::-webkit-scrollbar-track{background:transparent;}
.team-modal-card.wide.role-defaults-modal::-webkit-scrollbar-thumb{background:rgba(99,139,195,.34);border-radius:999px;}
.team-modal-card.wide.role-defaults-modal::-webkit-scrollbar-thumb:hover{background:rgba(113,164,232,.55);}
.team-modal-card.wide.role-defaults-modal *{box-sizing:border-box;}
.team-modal-card.wide.role-defaults-modal .team-modal-close{right:18px;top:18px;z-index:5;}
.role-defaults-head{padding-right:66px;}
.role-defaults-head>div{min-width:0;max-width:920px;}
.role-defaults-head h2{font-size:34px;letter-spacing:-.04em;}
.role-defaults-head p{max-width:900px;font-size:16px!important;line-height:1.45;}
.role-defaults-head .team-secondary-btn{width:270px;min-height:52px;white-space:normal;line-height:1.25;}
.role-defaults-info{font-size:14px;line-height:1.55;margin:20px 0 18px;padding:17px 20px;}
.role-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px;}
.role-tabs button{min-width:0;min-height:78px;padding:0 18px;gap:14px;overflow:hidden;}
.role-tabs span,.role-editor-title .team-module-icon{flex:0 0 auto;width:46px;height:46px;border-radius:14px;}
.role-tabs svg,.role-editor-title svg,.role-module-list svg,.team-module-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;}
.role-tabs b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;}
.role-tabs em{flex:0 0 auto;}
.role-template-shell{
  grid-template-columns:minmax(360px,420px) minmax(0,1fr);
  gap:20px;
  min-height:0;
  height:calc(100% - 250px);
}
.role-module-sidebar,.role-permission-editor{min-width:0;min-height:0;padding:18px;border-radius:18px;}
.role-module-sidebar{display:flex;flex-direction:column;}
.role-module-sidebar h3{font-size:22px;margin-bottom:14px;}
.role-module-sidebar .team-search{flex:0 0 auto;}
.role-module-list{
  flex:1 1 auto;
  max-height:none;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:thin;
  scrollbar-color:rgba(92,128,178,.32) transparent;
  padding-right:6px;
}
.role-module-list::-webkit-scrollbar{width:6px;height:0;}
.role-module-list::-webkit-scrollbar-track{background:transparent;}
.role-module-list::-webkit-scrollbar-thumb{background:rgba(96,135,190,.3);border-radius:999px;}
.role-module-list button{grid-template-columns:50px minmax(0,1fr) 76px;min-height:88px;padding:12px 14px;}
.role-module-list span{width:48px;height:48px;border-radius:15px;}
.role-module-list b{font-size:15px;min-width:0;}
.role-module-list small{font-size:12px;}
.role-module-list em{font-size:13px;}
.role-permission-editor{display:flex;flex-direction:column;}
.role-editor-head{
  display:grid;
  grid-template-columns:minmax(360px,1fr) minmax(520px,auto);
  align-items:center;
  gap:20px;
  margin-bottom:18px;
}
.role-editor-title h3{font-size:31px;}
.role-editor-title p{font-size:14px!important;max-width:680px;}
.role-editor-actions{display:grid;grid-template-columns:minmax(190px,1fr) 120px 250px 230px;gap:10px;width:100%;justify-content:stretch;}
.role-editor-actions select,.role-editor-actions .team-secondary-btn,.role-editor-actions .team-primary-btn{width:100%;min-height:48px;white-space:nowrap;}
.role-module-panels{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding-right:4px;
  scrollbar-width:thin;
  scrollbar-color:rgba(92,128,178,.28) transparent;
}
.role-module-panels::-webkit-scrollbar{width:6px;height:0;}
.role-module-panels::-webkit-scrollbar-track{background:transparent;}
.role-module-panels::-webkit-scrollbar-thumb{background:rgba(96,135,190,.28);border-radius:999px;}
.role-module-panel{border-radius:14px;}
.role-module-panel header{min-height:68px;padding:14px 18px;grid-template-columns:minmax(0,1fr) auto 36px;}
.role-module-panel h3{font-size:18px;}
.role-module-panel p{font-size:13px!important;}
.role-permission-switches{padding:0 18px 16px;}
.role-permission-switches label{min-height:66px;padding:12px 4px;grid-template-columns:minmax(0,1fr) auto;}
.role-permission-switches label>span{min-width:0;}
.role-permission-switches b{font-size:14px;}
.role-permission-switches small{font-size:12px;}
.role-permission-switches i{grid-column:2;width:44px;height:24px;}
.role-permission-switches i::after{width:18px;height:18px;}
.role-permission-switches input:checked+i::after{transform:translateX(20px);}
.role-defaults-modal>.team-modal-footer{position:sticky;bottom:-22px;margin:18px -34px -22px;padding:14px 34px;background:linear-gradient(180deg,rgba(4,13,26,.72),rgba(4,13,26,.98));backdrop-filter:blur(10px);z-index:4;}
@media (max-width:1500px){
  .team-modal-card.wide.role-defaults-modal{width:calc(100vw - 34px);padding:26px;}
  .role-editor-head{grid-template-columns:1fr;}
  .role-editor-actions{grid-template-columns:minmax(180px,1fr) 110px 230px 210px;}
  .role-template-shell{height:calc(100% - 285px);}
}
@media (max-width:1120px){
  .role-tabs{grid-template-columns:repeat(2,minmax(0,1fr));}
  .role-template-shell{height:auto;grid-template-columns:1fr;}
  .role-module-list,.role-module-panels{max-height:520px;}
  .role-editor-actions{grid-template-columns:1fr 1fr;}
}
@media (max-width:720px){
  .team-modal-card.wide.role-defaults-modal{width:calc(100vw - 20px);height:calc(100vh - 24px);padding:20px;}
  .role-tabs,.role-editor-actions{grid-template-columns:1fr;}
  .role-defaults-head{padding-right:46px;}
  .role-defaults-head .team-secondary-btn{width:100%;}
}

/* Role editor right panel readability fix */
.role-permission-editor{overflow:hidden;}
.role-editor-head{
  align-items:start;
  grid-template-columns:1fr;
  gap:16px;
  padding:10px 6px 14px;
}
.role-editor-title{
  width:100%;
  min-width:0;
  align-items:flex-start;
}
.role-editor-title>div{min-width:0;}
.role-editor-title h3{line-height:1.05;}
.role-editor-title p{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  max-width:none;
  margin-top:7px!important;
  line-height:1.35;
}
.role-editor-title p span{
  flex-basis:100%;
  max-width:860px;
  color:#b7c7dd;
}
.role-editor-actions{
  width:100%;
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(110px,130px) minmax(220px,260px) minmax(210px,250px);
  gap:12px;
  align-items:center;
}
.role-editor-actions select,
.role-editor-actions .team-secondary-btn,
.role-editor-actions .team-primary-btn{
  min-width:0;
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}
.role-editor-actions .team-primary-btn{
  white-space:nowrap;
  padding-inline:16px;
}
.role-module-panels{
  padding-top:2px;
}
.role-module-panel header{
  grid-template-columns:minmax(0,1fr) minmax(116px,auto) 40px;
}
.role-module-panel header>div{min-width:0;}
.role-module-panel header p{
  white-space:normal;
  overflow:visible;
}
@media (max-width:1280px){
  .role-editor-actions{grid-template-columns:1fr 1fr;}
}
@media (max-width:760px){
  .role-editor-actions{grid-template-columns:1fr;}
}

/* Rollback visual: keep Roles & Permissions contained and readable */
.team-modal:has(.role-defaults-modal){
  padding:22px!important;
  place-items:center!important;
}
.team-modal-card.wide.role-defaults-modal{
  width:min(1480px,calc(100vw - 54px))!important;
  height:auto!important;
  max-height:88vh!important;
  max-width:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:24px!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(97,136,194,.34) transparent;
}
.team-modal-card.wide.role-defaults-modal::-webkit-scrollbar{width:7px;height:0!important;}
.team-modal-card.wide.role-defaults-modal::-webkit-scrollbar-track{background:transparent;}
.team-modal-card.wide.role-defaults-modal::-webkit-scrollbar-thumb{background:rgba(97,136,194,.32);border-radius:999px;}
.role-defaults-head{
  flex-direction:row!important;
  align-items:flex-start!important;
  padding-right:54px!important;
  margin-bottom:14px!important;
}
.role-defaults-head h2{font-size:27px!important;}
.role-defaults-head p{font-size:14px!important;max-width:760px!important;}
.role-defaults-head .team-secondary-btn{
  width:auto!important;
  min-width:230px!important;
  min-height:46px!important;
  white-space:normal!important;
}
.role-defaults-info{
  margin:12px 0 16px!important;
  padding:13px 15px!important;
  font-size:13px!important;
}
.role-tabs{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  margin-bottom:12px!important;
}
.role-tabs button{
  min-height:64px!important;
  padding:0 14px!important;
  gap:12px!important;
}
.role-tabs span,
.role-editor-title .team-module-icon{
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
}
.role-tabs svg,
.role-editor-title svg,
.role-module-list svg,
.team-module-icon svg{
  width:21px!important;
  height:21px!important;
}
.role-template-shell{
  grid-template-columns:360px minmax(0,1fr)!important;
  gap:16px!important;
  min-height:610px!important;
  height:auto!important;
}
.role-module-sidebar,
.role-permission-editor{
  display:block!important;
  overflow:visible!important;
  padding:14px!important;
  min-height:0!important;
}
.role-module-sidebar h3{font-size:18px!important;}
.role-module-list{
  max-height:520px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:3px!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(97,136,194,.28) transparent;
}
.role-module-list::-webkit-scrollbar,
.role-module-panels::-webkit-scrollbar{width:6px;height:0!important;}
.role-module-list::-webkit-scrollbar-track,
.role-module-panels::-webkit-scrollbar-track{background:transparent;}
.role-module-list::-webkit-scrollbar-thumb,
.role-module-panels::-webkit-scrollbar-thumb{background:rgba(97,136,194,.28);border-radius:999px;}
.role-module-list button{
  grid-template-columns:auto minmax(0,1fr) auto!important;
  min-height:70px!important;
  padding:10px 12px!important;
}
.role-module-list span{width:38px!important;height:38px!important;}
.role-editor-head{
  display:grid!important;
  grid-template-columns:1fr!important;
  align-items:start!important;
  gap:14px!important;
  padding:0!important;
  margin-bottom:14px!important;
}
.role-editor-title{align-items:center!important;}
.role-editor-title h3{font-size:28px!important;}
.role-editor-title p{
  display:block!important;
  max-width:720px!important;
  margin:3px 0 0!important;
  font-size:12px!important;
}
.role-editor-title p span{
  display:inline!important;
  max-width:none!important;
}
.role-editor-actions{
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) 120px 240px 220px!important;
  gap:10px!important;
  width:100%!important;
}
.role-editor-actions select,
.role-editor-actions .team-secondary-btn,
.role-editor-actions .team-primary-btn{
  min-height:44px!important;
  width:100%!important;
}
.role-module-panels{
  max-height:520px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding-right:4px!important;
}
.role-module-panel header{
  min-height:58px!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  padding:12px 16px!important;
}
.role-module-panel h3{font-size:15px!important;}
.role-module-panel p{font-size:12px!important;}
.role-permission-switches{padding:0 16px 14px!important;}
.role-permission-switches label{min-height:58px!important;}
.role-defaults-modal>.team-modal-footer{
  position:static!important;
  margin-top:16px!important;
  margin-inline:0!important;
  margin-bottom:0!important;
  padding:14px 0 0!important;
  background:transparent!important;
  backdrop-filter:none!important;
}
@media (max-width:1180px){
  .role-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .role-template-shell{grid-template-columns:1fr!important;}
  .role-editor-actions{grid-template-columns:1fr 1fr!important;}
}
@media (max-width:720px){
  .team-modal-card.wide.role-defaults-modal{width:calc(100vw - 20px)!important;max-height:calc(100vh - 24px)!important;padding:20px!important;}
  .role-defaults-head{flex-direction:column!important;padding-right:46px!important;}
  .role-defaults-head .team-secondary-btn,
  .role-editor-actions{width:100%!important;grid-template-columns:1fr!important;}
}

/* Users Operations Manager */
.users-ops-page{display:grid;gap:18px;color:#f8fafc;}
.users-ops-eyebrow{display:block;margin-bottom:7px;color:#7ea6e6;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.12em;}
.users-ops-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}
.team-kpi-grid .is-red{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.28);}
.users-kpi-grid .is-purple{background:rgba(139,92,246,.18);border-color:rgba(139,92,246,.3);}
.users-kpi-grid .is-green{background:rgba(16,185,129,.16);border-color:rgba(16,185,129,.28);}
.users-kpi-grid .is-amber{background:rgba(245,158,11,.16);border-color:rgba(245,158,11,.3);}
.users-kpi-grid .is-red{background:rgba(239,68,68,.16);border-color:rgba(239,68,68,.3);}
.users-kpi-grid .is-blue{background:rgba(59,130,246,.16);border-color:rgba(59,130,246,.3);}
.users-kpi-grid article>span{font-size:15px;font-weight:1000;color:#f8fafc;}
.users-filter-row{grid-template-columns:minmax(280px,1fr) 180px 180px 180px auto;}
.users-table-wrap{overflow:auto;}
.users-access-table{min-width:1120px;}
.users-access-table th{background:rgba(17,34,58,.72);}
.users-access-table td{height:54px;}
.users-person{min-width:220px;}
.users-avatar{width:46px!important;height:46px!important;border-radius:50%!important;font-size:14px!important;font-weight:1000!important;color:#fff!important;box-shadow:0 12px 28px rgba(0,0,0,.22);}
.users-avatar.is-owner{background:linear-gradient(135deg,#f59e0b,#8a5a00)!important;border:1px solid rgba(245,158,11,.42);}
.users-avatar.is-admin{background:linear-gradient(135deg,#2563eb,#0f3f97)!important;border:1px solid rgba(59,130,246,.42);}
.users-avatar.is-instructor{background:linear-gradient(135deg,#8b5cf6,#4c1d95)!important;border:1px solid rgba(139,92,246,.42);}
.users-avatar.is-user{background:linear-gradient(135deg,#10b981,#065f46)!important;border:1px solid rgba(16,185,129,.42);}
.users-status.is-active{background:rgba(16,185,129,.14);color:#55eea8;}
.users-status.is-pending{background:rgba(245,158,11,.15);color:#facc15;}
.users-status.is-suspended{background:rgba(239,68,68,.14);color:#ff7a7a;}
.users-row-menu{position:relative;display:inline-flex;justify-content:flex-end;}
.users-row-menu>button{width:44px;height:38px;border:1px solid rgba(100,145,215,.24);border-radius:10px;background:rgba(7,18,34,.86);color:#eaf2ff;font-size:16px;font-weight:1000;letter-spacing:.08em;cursor:pointer;}
.users-row-menu>button:hover,.users-row-menu.is-open>button{border-color:rgba(59,130,246,.62);background:rgba(37,99,235,.18);}
.users-menu-panel{position:absolute;right:0;top:44px;z-index:40;display:none;width:218px;padding:8px;border:1px solid rgba(100,145,215,.28);border-radius:12px;background:#0b1729;box-shadow:0 22px 52px rgba(0,0,0,.38);}
.users-row-menu.is-open .users-menu-panel{display:grid;}
.users-menu-panel button{width:100%;min-height:36px;border:0;border-radius:8px;background:transparent;color:#dbeafe;text-align:left;font-size:13px;font-weight:850;cursor:pointer;padding:0 10px;}
.users-menu-panel button:hover{background:rgba(59,130,246,.16);color:#fff;}
.users-menu-panel hr{width:100%;border:0;border-top:1px solid rgba(148,163,184,.14);margin:6px 0;}
.users-table-footer{align-items:center;}
.users-pagination{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
.users-pagination button,.users-pagination span{min-width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(100,145,215,.2);border-radius:9px;background:rgba(7,18,34,.76);color:#c8d8ef;font-weight:900;}
.users-pagination button{cursor:pointer;}
.users-pagination button.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-color:rgba(96,165,250,.62);}
.users-pagination button:disabled{opacity:.56;cursor:not-allowed;}
.users-empty{color:#94a3b8;text-align:center;}
.users-legal-open{overflow:hidden;}
.users-legal-modal[hidden]{display:none!important;}
.users-legal-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:24px;}
.users-legal-backdrop{position:absolute;inset:0;background:rgba(1,8,18,.76);backdrop-filter:blur(14px);}
.users-legal-dialog{position:relative;width:min(1120px,calc(100vw - 36px));max-height:calc(100vh - 42px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:1px solid rgba(100,145,215,.26);border-radius:16px;background:linear-gradient(180deg,rgba(10,24,43,.98),rgba(4,14,28,.98));box-shadow:0 34px 90px rgba(0,0,0,.52);overflow:hidden;}
.users-legal-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:22px 24px 18px;border-bottom:1px solid rgba(148,163,184,.12);background:rgba(12,29,52,.7);}
.users-legal-head h2{margin:0;color:#fff;font-size:28px;line-height:1.1;}
.users-legal-head p{margin:7px 0 0;color:#bdd0ea;font-size:13px;}
.users-legal-status{flex:0 0 auto;display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border-radius:999px;border:1px solid rgba(245,158,11,.28);background:rgba(245,158,11,.13);color:#facc15;font-size:12px;font-weight:1000;}
.users-legal-status.is-ok{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.14);color:#6ee7a8;}
.users-legal-status.is-review{border-color:rgba(245,158,11,.3);background:rgba(245,158,11,.14);color:#fde047;}
.users-legal-body{display:grid;gap:14px;padding:18px 20px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(97,136,194,.34) transparent;}
.users-legal-body::-webkit-scrollbar{width:7px;}
.users-legal-body::-webkit-scrollbar-track{background:transparent;}
.users-legal-body::-webkit-scrollbar-thumb{background:rgba(97,136,194,.34);border-radius:999px;}
.users-legal-footer{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:16px 20px;border-top:1px solid rgba(148,163,184,.12);background:rgba(7,18,34,.92);}
.legal-section{border:1px solid rgba(100,145,215,.18);border-radius:12px;background:rgba(8,20,38,.72);padding:16px;}
.legal-section h3{margin:0 0 12px;color:#f8fafc;font-size:15px;font-weight:1000;}
.legal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.legal-kv{min-width:0;min-height:66px;padding:11px 12px;border:1px solid rgba(100,145,215,.14);border-radius:10px;background:rgba(2,10,23,.42);}
.legal-kv span{display:block;margin-bottom:6px;color:#8fa8c8;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;}
.legal-kv b{display:block;min-width:0;color:#edf5ff;font-size:13px;line-height:1.35;overflow-wrap:anywhere;}
.legal-agreements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.legal-agreements article{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;padding:12px;border:1px solid rgba(100,145,215,.14);border-radius:10px;background:rgba(2,10,23,.42);}
.legal-agreements strong{color:#f8fafc;font-size:13px;}
.legal-agreements small{grid-column:1/-1;color:#9fb2cf;font-size:12px;overflow-wrap:anywhere;}
.legal-chip{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:1000;}
.legal-chip.is-ok{background:rgba(34,197,94,.14);color:#6ee7a8;}
.legal-chip.is-pending{background:rgba(245,158,11,.14);color:#fde047;}
.legal-note{margin:0 0 12px;color:#bdd0ea;font-size:13px;line-height:1.5;}
.legal-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.legal-readonly-check{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:1px solid rgba(100,145,215,.14);border-radius:10px;background:rgba(2,10,23,.42);color:#cbd8ea;font-size:13px;font-weight:850;}
.legal-readonly-check input{accent-color:#22c55e;}
.legal-readonly-check.is-on{border-color:rgba(34,197,94,.24);background:rgba(34,197,94,.08);color:#e8fff2;}
.legal-audit{display:grid;gap:8px;}
.legal-audit article{display:grid;grid-template-columns:minmax(140px,220px) minmax(0,1fr) minmax(130px,auto);gap:10px;align-items:start;padding:10px 12px;border:1px solid rgba(100,145,215,.13);border-radius:10px;background:rgba(2,10,23,.42);}
.legal-audit b{color:#f8fafc;font-size:13px;}
.legal-audit span,.legal-audit time{color:#9fb2cf;font-size:12px;overflow-wrap:anywhere;}
@media (max-width:1190px){.users-filter-row{grid-template-columns:1fr 1fr;}.users-filter-row .team-secondary-btn{width:100%;}}
@media (max-width:900px){.legal-grid,.legal-agreements,.legal-check-grid{grid-template-columns:1fr;}.legal-audit article{grid-template-columns:1fr;}}
@media (max-width:720px){.users-filter-row{grid-template-columns:1fr;}.users-table-footer{align-items:flex-start;flex-direction:column;}.users-pagination{justify-content:flex-start;}.users-legal-modal{padding:10px;}.users-legal-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px);border-radius:12px;}.users-legal-head,.users-legal-footer{padding:16px;}.users-legal-head{display:grid;}.users-legal-body{padding:14px;}.users-legal-footer{justify-content:stretch;}.users-legal-footer>*{width:100%;}}

/* License Control Center */
.lcc-shell{display:grid;gap:18px;color:#f8fafc;}
.lcc-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px;border:1px solid rgba(100,145,215,.18);border-radius:16px;background:linear-gradient(135deg,rgba(13,31,55,.96),rgba(5,16,30,.96));box-shadow:0 20px 60px rgba(0,0,0,.22);}
.lcc-hero h1{margin:0;color:#fff;font-size:30px;line-height:1.05;}
.lcc-hero p{max-width:760px;margin:8px 0 0;color:#bdd0ea;font-size:14px;}
.lcc-hero-badges,.lcc-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.lcc-hero-badges{margin-top:14px;}
.lcc-refresh{color:#8fa8c8;font-size:12px;font-weight:850;}
.lcc-hero-actions{justify-content:flex-end;}
.lcc-hero-actions b{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:6px;border-radius:999px;background:#facc15;color:#1f2937;font-size:12px;}
.lcc-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
.lcc-kpis article{display:flex;gap:14px;align-items:center;min-height:108px;padding:18px;border:1px solid rgba(100,145,215,.16);border-radius:16px;background:rgba(12,27,49,.84);box-shadow:0 14px 38px rgba(0,0,0,.18);}
.lcc-kpis article>span{flex:0 0 auto;display:grid;place-items:center;width:48px;height:48px;border-radius:16px;color:#fff;font-weight:1000;}
.lcc-kpis small{display:block;color:#c9d7ed;font-size:12px;font-weight:900;}
.lcc-kpis b{display:block;margin-top:5px;color:#fff;font-size:30px;line-height:1;}
.lcc-kpis em{display:block;margin-top:8px;color:#94a3b8;font-style:normal;font-size:12px;}
.lcc-kpis .is-amber>span{background:rgba(245,158,11,.18);border:1px solid rgba(245,158,11,.32);}
.lcc-kpis .is-green>span{background:rgba(16,185,129,.18);border:1px solid rgba(16,185,129,.32);}
.lcc-kpis .is-red>span{background:rgba(239,68,68,.18);border:1px solid rgba(239,68,68,.32);}
.lcc-kpis .is-blue>span{background:rgba(59,130,246,.18);border:1px solid rgba(59,130,246,.32);}
.lcc-kpis .is-purple>span{background:rgba(139,92,246,.18);border:1px solid rgba(139,92,246,.32);}
.lcc-panel{border:1px solid rgba(100,145,215,.16);border-radius:16px;background:rgba(9,22,40,.84);overflow:hidden;}
.lcc-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:12px 14px;border-bottom:1px solid rgba(148,163,184,.12);}
.lcc-tabs button{min-height:40px;padding:0 14px;border:1px solid transparent;border-radius:10px;background:transparent;color:#b9c9e2;font-weight:950;cursor:pointer;}
.lcc-tabs button.active,.lcc-tabs button:hover{border-color:rgba(59,130,246,.38);background:rgba(59,130,246,.16);color:#fff;}
.lcc-filters{display:grid;grid-template-columns:minmax(260px,1fr) 180px 180px 190px auto;gap:10px;padding:14px;}
.lcc-filters select{min-height:42px;border:1px solid rgba(100,145,215,.2);border-radius:10px;background:rgba(4,13,24,.72);color:#e8f0ff;padding:0 12px;font-weight:850;}
.lcc-view{display:none;border:1px solid rgba(100,145,215,.16);border-radius:16px;background:rgba(9,22,40,.84);padding:0;overflow:hidden;}
.lcc-view.active{display:block;}
.lcc-table-wrap{overflow:auto;}
.lcc-table{width:100%;min-width:980px;border-collapse:collapse;}
.lcc-table.is-wide{min-width:1320px;}
.lcc-table th{height:48px;padding:0 14px;background:rgba(17,34,58,.84);color:#9fb6d8;font-size:11px;font-weight:1000;text-align:left;text-transform:uppercase;letter-spacing:.05em;}
.lcc-table td{min-height:64px;padding:12px 14px;border-top:1px solid rgba(148,163,184,.1);color:#e8f0ff;font-size:13px;vertical-align:middle;}
.lcc-table tr:hover td{background:rgba(59,130,246,.05);}
.lcc-table small{display:block;margin-top:4px;color:#8fa8c8;font-size:11px;overflow-wrap:anywhere;}
.lcc-user{display:flex;align-items:center;gap:10px;min-width:220px;}
.lcc-user>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#0f3f97);color:#fff;font-weight:1000;}
.lcc-user b{display:block;color:#fff;font-size:13px;}
.lcc-user small{margin-top:3px;}
.lcc-chip{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:1000;text-transform:capitalize;}
.lcc-chip.is-ok{background:rgba(16,185,129,.14);color:#5ff0aa;}
.lcc-chip.is-warn{background:rgba(245,158,11,.15);color:#fde047;}
.lcc-chip.is-bad{background:rgba(239,68,68,.14);color:#ff8585;}
.lcc-actions{display:flex;gap:6px;flex-wrap:wrap;min-width:170px;}
.lcc-actions button,.lcc-mini{min-height:32px;border:1px solid rgba(100,145,215,.22);border-radius:8px;background:rgba(7,18,34,.8);color:#dbeafe;padding:0 9px;font-size:12px;font-weight:900;cursor:pointer;}
.lcc-actions button:hover{border-color:rgba(59,130,246,.58);background:rgba(59,130,246,.16);color:#fff;}
.lcc-actions .danger{border-color:rgba(239,68,68,.26);color:#ff9b9b;}
.lcc-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;}
.lcc-overview-grid article{min-width:0;border:1px solid rgba(100,145,215,.14);border-radius:12px;background:rgba(2,10,23,.36);padding:14px;}
.lcc-overview-grid h3{margin:0 0 10px;color:#fff;font-size:15px;}
.lcc-overview-grid ul{display:grid;gap:8px;list-style:none;margin:0;padding:0;}
.lcc-overview-grid li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:9px;border-radius:10px;background:rgba(7,18,34,.54);}
.lcc-overview-grid p{margin:0;color:#94a3b8;}
.lcc-drawer[hidden]{display:none!important;}
.lcc-drawer{position:fixed;inset:0;z-index:1250;display:flex;justify-content:flex-end;}
.lcc-drawer-backdrop{position:absolute;inset:0;background:rgba(1,8,18,.62);backdrop-filter:blur(8px);}
.lcc-drawer-panel{position:relative;width:min(540px,100vw);height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-left:1px solid rgba(100,145,215,.22);background:#0f172a;box-shadow:-30px 0 70px rgba(0,0,0,.42);}
.lcc-drawer-panel header{display:flex;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid rgba(148,163,184,.12);background:rgba(15,23,42,.96);}
.lcc-drawer-panel h2{margin:0;color:#fff;font-size:24px;}
.lcc-drawer-panel p{margin:6px 0 0;color:#9fb2cf;font-size:12px;overflow-wrap:anywhere;}
.lcc-drawer-panel header button{width:34px;height:34px;border:1px solid rgba(100,145,215,.22);border-radius:9px;background:rgba(7,18,34,.8);color:#fff;cursor:pointer;}
.lcc-drawer-body{display:grid;gap:12px;padding:14px;overflow:auto;}
.lcc-inspector-section{border:1px solid rgba(100,145,215,.15);border-radius:12px;background:rgba(7,18,34,.62);padding:13px;}
.lcc-inspector-section h3{margin:0 0 10px;color:#f8fafc;font-size:14px;}
.lcc-inspector-section dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;}
.lcc-inspector-section dl div{min-width:0;padding:9px;border-radius:9px;background:rgba(2,10,23,.42);}
.lcc-inspector-section dt{color:#8fa8c8;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.05em;}
.lcc-inspector-section dd{margin:4px 0 0;color:#edf5ff;font-size:12px;font-weight:850;overflow-wrap:anywhere;}
.lcc-journey{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.lcc-journey span{display:flex;align-items:center;gap:8px;min-height:36px;padding:8px;border-radius:9px;background:rgba(2,10,23,.42);color:#9fb2cf;font-size:12px;font-weight:850;}
.lcc-journey i{width:10px;height:10px;border-radius:50%;background:#475569;}
.lcc-journey .done{color:#e8fff2;}
.lcc-journey .done i{background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12);}
.lcc-audit{display:grid;gap:8px;}
.lcc-audit article{display:grid;gap:3px;padding:9px;border-radius:9px;background:rgba(2,10,23,.42);}
.lcc-audit b{color:#fff;font-size:12px;}
.lcc-audit span,.lcc-audit time{color:#9fb2cf;font-size:11px;overflow-wrap:anywhere;}
.lcc-drawer-panel footer{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:14px;border-top:1px solid rgba(148,163,184,.12);background:rgba(15,23,42,.96);}
.lcc-drawer-panel footer button{min-height:36px;border:1px solid rgba(100,145,215,.22);border-radius:9px;background:rgba(7,18,34,.8);color:#e8f0ff;padding:0 11px;font-size:12px;font-weight:900;cursor:pointer;}
.lcc-drawer-panel footer .danger{border-color:rgba(239,68,68,.28);color:#ff9b9b;}
@media (max-width:1260px){.lcc-kpis{grid-template-columns:repeat(3,minmax(0,1fr));}.lcc-filters{grid-template-columns:1fr 1fr;}.lcc-overview-grid{grid-template-columns:1fr;}}
@media (max-width:760px){.lcc-hero{display:grid;}.lcc-hero-actions>*{width:100%;}.lcc-kpis{grid-template-columns:1fr;}.lcc-filters{grid-template-columns:1fr;}.lcc-inspector-section dl,.lcc-journey{grid-template-columns:1fr;}.lcc-drawer-panel{width:100vw;}}

/* License Inspector focused workflow */
.lcc-drawer-panel{width:min(860px,calc(100vw - 22px));}
.lcc-drawer-body{padding:18px;gap:14px;}
.lcc-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px;}
.lcc-section-head h3{margin:0;}
.lcc-section-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;}
.lcc-section-actions button,.lcc-section-actions a{min-height:32px;border:1px solid rgba(100,145,215,.24);border-radius:9px;background:rgba(7,18,34,.82);color:#dbeafe;padding:0 10px;font-size:12px;font-weight:950;text-decoration:none;cursor:pointer;}
.lcc-section-actions button:hover,.lcc-section-actions a:hover{border-color:rgba(59,130,246,.58);background:rgba(59,130,246,.16);color:#fff;}
.lcc-section-actions .danger{border-color:rgba(239,68,68,.28);color:#ff9b9b;}
.lcc-note{margin:0 0 12px;color:#9fb2cf;font-size:12px;line-height:1.45;}
.lcc-small-input{width:92px;min-height:34px;border:1px solid rgba(100,145,215,.25);border-radius:9px;background:rgba(3,12,24,.86);color:#fff;padding:0 10px;font-size:13px;font-weight:950;outline:none;}
.lcc-small-input:focus{border-color:rgba(59,130,246,.68);box-shadow:0 0 0 3px rgba(59,130,246,.15);}
.lcc-package-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0;}
.lcc-package-list li{display:flex;align-items:center;gap:9px;min-height:36px;padding:8px 10px;border-radius:9px;background:rgba(2,10,23,.42);color:#91a6c2;font-size:12px;font-weight:850;}
.lcc-package-list li span{display:grid;place-items:center;width:18px;height:18px;border-radius:999px;background:rgba(100,116,139,.24);color:#cbd5e1;font-size:11px;}
.lcc-package-list li.on{color:#e8fff2;}
.lcc-package-list li.on span{background:rgba(34,197,94,.2);color:#5ff0aa;}
.lcc-drawer-panel footer{position:sticky;bottom:0;}
.lcc-drawer-panel footer button:last-child{border-color:rgba(59,130,246,.55);background:linear-gradient(135deg,#3b82f6,#1267ef);color:#fff;box-shadow:0 14px 34px rgba(18,103,239,.24);}
.lcc-modal[hidden]{display:none!important;}
.lcc-modal{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:20px;}
.lcc-modal-backdrop{position:absolute;inset:0;background:rgba(1,8,18,.72);backdrop-filter:blur(9px);}
.lcc-modal-card{position:relative;z-index:1;width:min(960px,calc(100vw - 34px));height:min(780px,calc(100vh - 34px));display:grid;grid-template-rows:auto auto minmax(0,1fr);border:1px solid rgba(100,145,215,.24);border-radius:16px;background:#0f172a;box-shadow:0 34px 90px rgba(0,0,0,.5);overflow:hidden;}
.lcc-modal-card.is-compact{width:min(560px,calc(100vw - 34px));height:auto;grid-template-rows:auto auto auto;}
.lcc-modal-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid rgba(148,163,184,.12);background:rgba(15,23,42,.96);}
.lcc-modal-card h2{margin:4px 0 0;color:#fff;font-size:22px;}
.lcc-modal-card header button{width:34px;height:34px;border:1px solid rgba(100,145,215,.22);border-radius:9px;background:rgba(7,18,34,.8);color:#fff;cursor:pointer;}
.lcc-email-meta{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px 14px;border-bottom:1px solid rgba(148,163,184,.12);background:rgba(7,18,34,.72);}
.lcc-email-meta div{min-width:0;padding:9px;border-radius:9px;background:rgba(2,10,23,.42);}
.lcc-email-meta b{display:block;color:#8fa8c8;font-size:10px;text-transform:uppercase;letter-spacing:.05em;}
.lcc-email-meta span{display:block;margin-top:4px;color:#edf5ff;font-size:12px;font-weight:850;overflow-wrap:anywhere;}
.lcc-modal iframe{width:100%;height:100%;border:0;background:#fff;}
.lcc-success-body{padding:18px;color:#dbeafe;}
.lcc-success-body p{margin:0 0 14px;color:#c8d7ec;}
.lcc-success-body dl{display:grid;gap:8px;margin:0;}
.lcc-success-body dl div{padding:10px;border-radius:10px;background:rgba(2,10,23,.42);}
.lcc-success-body dt{color:#8fa8c8;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.05em;}
.lcc-success-body dd{margin:4px 0 0;color:#fff;font-size:13px;font-weight:900;}
.lcc-modal-card footer{display:flex;justify-content:flex-end;padding:14px 18px;border-top:1px solid rgba(148,163,184,.12);}
@media (max-width:900px){.lcc-package-list,.lcc-email-meta{grid-template-columns:1fr;}.lcc-drawer-panel{width:100vw;}.lcc-section-head{display:grid;}.lcc-section-actions{justify-content:flex-start;}}

/* Shell fit fix: keep right content inside viewport when fixed sidebar is open */
body.premium-user-shell{
  overflow-x:hidden;
}
body.premium-user-shell .premium-main{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:none!important;
  overflow-x:hidden!important;
}
body.premium-user-shell .premium-user-layout:not(.is-collapsed) .premium-main,
body:not(.sidebar-collapsed).premium-user-shell .premium-main{
  margin-left:calc(var(--mimatt-sidebar-w) + var(--shell-outer-gutter, 18px))!important;
  width:calc(100vw - var(--mimatt-sidebar-w) - (var(--shell-outer-gutter, 18px) * 2))!important;
  padding-left:18px!important;
  padding-right:18px!important;
}
body.premium-user-shell .premium-user-layout.is-collapsed .premium-main,
body.sidebar-collapsed.premium-user-shell .premium-main{
  margin-left:calc(var(--mimatt-sidebar-collapsed-w) + var(--shell-outer-gutter, 18px))!important;
  width:calc(100vw - var(--mimatt-sidebar-collapsed-w) - (var(--shell-outer-gutter, 18px) * 2))!important;
  padding-left:18px!important;
  padding-right:18px!important;
}
body.premium-user-shell .premium-main>*,
.lcc-shell,
.lcc-panel,
.lcc-view,
.lcc-hero{
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box;
}
.lcc-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,auto);
  align-items:start;
}
.lcc-hero-actions{
  max-width:100%;
}
.lcc-kpis{
  grid-template-columns:repeat(5,minmax(150px,1fr));
}
@media (max-width:1500px){
  .lcc-kpis{grid-template-columns:repeat(3,minmax(0,1fr));}
  .lcc-hero{grid-template-columns:1fr;}
  .lcc-hero-actions{justify-content:flex-start;}
}
@media (max-width:980px){
  body.premium-user-shell .premium-user-layout:not(.is-collapsed) .premium-main,
  body:not(.sidebar-collapsed).premium-user-shell .premium-main,
  body.premium-user-shell .premium-user-layout.is-collapsed .premium-main,
  body.sidebar-collapsed.premium-user-shell .premium-main{
    margin-left:0!important;
    width:100%!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
}

/* Owner Activity Center */
.activity-center{display:grid;gap:18px;color:#f8fafc;}
.activity-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px;border:1px solid rgba(31,41,55,.92);border-radius:16px;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(8,18,32,.98));box-shadow:0 22px 70px rgba(0,0,0,.28);}
.activity-hero h1{margin:0;color:#fff;font-size:30px;line-height:1.05;}
.activity-hero p{margin:8px 0 0;color:#94a3b8;font-size:14px;}
.activity-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.activity-kpis{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;}
.activity-kpis article{display:flex;align-items:center;gap:14px;min-height:104px;padding:18px 20px;border:1px solid rgba(31,41,55,.95);border-radius:16px;background:#111827;box-shadow:0 14px 36px rgba(0,0,0,.2);}
.activity-kpis article>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#fff;font-weight:1000;font-size:18px;}
.activity-kpis small{display:block;color:#cbd5e1;font-size:12px;font-weight:900;}
.activity-kpis strong{display:block;margin-top:4px;color:#fff;font-size:30px;line-height:1;}
.activity-kpis em{display:block;margin-top:7px;color:#94a3b8;font-size:12px;font-style:normal;}
.activity-kpis .is-purple>span,.activity-event .is-purple{background:rgba(139,92,246,.2);color:#c4b5fd;}
.activity-kpis .is-green>span,.activity-event .is-green{background:rgba(16,185,129,.18);color:#6ee7b7;}
.activity-kpis .is-amber>span,.activity-event .is-amber{background:rgba(245,158,11,.18);color:#fbbf24;}
.activity-kpis .is-blue>span,.activity-event .is-blue{background:rgba(59,130,246,.18);color:#93c5fd;}
.activity-kpis .is-red>span,.activity-event .is-red{background:rgba(239,68,68,.17);color:#fca5a5;}
.activity-filters{display:grid;grid-template-columns:minmax(260px,1fr) 190px 190px 220px auto;gap:10px;padding:14px;border:1px solid rgba(31,41,55,.92);border-radius:16px;background:rgba(15,23,42,.78);}
.activity-filters select{min-height:42px;border:1px solid rgba(59,130,246,.18);border-radius:10px;background:rgba(4,13,24,.75);color:#e8f0ff;padding:0 12px;font-weight:850;}
.activity-table-card{border:1px solid rgba(31,41,55,.92);border-radius:16px;background:rgba(15,23,42,.78);overflow:hidden;}
.activity-table-wrap{overflow:auto;}
.activity-table{width:100%;min-width:1020px;border-collapse:collapse;}
.activity-table th{height:48px;padding:0 14px;background:#111827;color:#9fb6d8;font-size:11px;font-weight:1000;text-align:left;text-transform:uppercase;letter-spacing:.05em;}
.activity-table td{padding:12px 14px;border-top:1px solid rgba(31,41,55,.78);color:#f8fafc;font-size:13px;vertical-align:middle;}
.activity-table tr{cursor:pointer;}
.activity-table tr:hover td{background:rgba(59,130,246,.07);}
.activity-table small{display:block;margin-top:4px;color:#94a3b8;font-size:11px;overflow-wrap:anywhere;}
.activity-event{display:flex;align-items:center;gap:10px;min-width:230px;}
.activity-event span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-weight:1000;}
.activity-event b{font-size:13px;color:#fff;}
.activity-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:950;}
.activity-badge.is-purple{background:rgba(139,92,246,.18);color:#c4b5fd;}
.activity-badge.is-green{background:rgba(16,185,129,.16);color:#6ee7b7;}
.activity-badge.is-amber{background:rgba(245,158,11,.16);color:#fbbf24;}
.activity-badge.is-blue{background:rgba(59,130,246,.16);color:#93c5fd;}
.activity-badge.is-red{background:rgba(239,68,68,.16);color:#fca5a5;}
.activity-badge.is-slate{background:rgba(148,163,184,.14);color:#cbd5e1;}
.activity-more{width:34px;height:32px;border:1px solid rgba(59,130,246,.22);border-radius:9px;background:rgba(7,18,34,.78);color:#dbeafe;font-weight:1000;cursor:pointer;}
.activity-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-top:1px solid rgba(31,41,55,.92);color:#94a3b8;font-size:13px;}
.activity-pagination{display:flex;align-items:center;gap:8px;}
.activity-pagination button,.activity-pagination b{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid rgba(59,130,246,.22);border-radius:9px;background:rgba(7,18,34,.78);color:#dbeafe;}
.activity-pagination b{background:#8b5cf6;color:#fff;}
.activity-drawer[hidden]{display:none!important;}
.activity-drawer{position:fixed;inset:0;z-index:1300;display:flex;justify-content:flex-end;}
.activity-drawer-backdrop{position:absolute;inset:0;background:rgba(1,8,18,.62);backdrop-filter:blur(8px);}
.activity-drawer-panel{position:relative;width:min(520px,100vw);height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr);border-left:1px solid #1f2937;background:#0f172a;box-shadow:-30px 0 70px rgba(0,0,0,.42);}
.activity-drawer-panel header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid #1f2937;background:#0f172a;}
.activity-drawer-panel h2{margin:0;color:#fff;font-size:22px;}
.activity-drawer-panel p{display:flex;align-items:center;gap:8px;margin:6px 0 0;color:#94a3b8;font-size:12px;}
.activity-drawer-panel header button{width:34px;height:34px;border:1px solid rgba(59,130,246,.22);border-radius:9px;background:rgba(7,18,34,.8);color:#fff;cursor:pointer;}
.activity-drawer-body{display:grid;gap:12px;padding:14px;overflow:auto;}
.activity-drawer-body section{border:1px solid #1f2937;border-radius:12px;background:rgba(17,24,39,.72);padding:14px;}
.activity-drawer-body h3{margin:0 0 10px;color:#f8fafc;font-size:14px;}
.activity-drawer-body dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;}
.activity-drawer-body dl div{min-width:0;padding:9px;border-radius:9px;background:rgba(2,10,23,.42);}
.activity-drawer-body dt{color:#94a3b8;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.05em;}
.activity-drawer-body dd{margin:4px 0 0;color:#fff;font-size:12px;font-weight:850;overflow-wrap:anywhere;}
.activity-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.activity-actions a{display:flex;align-items:center;justify-content:center;min-height:38px;border:1px solid rgba(59,130,246,.24);border-radius:9px;background:rgba(7,18,34,.78);color:#dbeafe;text-decoration:none;font-size:12px;font-weight:900;}
.activity-actions a:hover{border-color:rgba(139,92,246,.58);background:rgba(139,92,246,.16);color:#fff;}
.activity-related{display:grid;gap:8px;list-style:none;margin:0;padding:0;}
.activity-related li{display:grid;grid-template-columns:12px 70px 1fr;align-items:center;gap:8px;min-height:32px;color:#cbd5e1;font-size:12px;}
.activity-related i{width:10px;height:10px;border-radius:50%;background:#8b5cf6;}
.activity-related i.is-green{background:#10b981;}
.activity-related i.is-amber{background:#f59e0b;}
.activity-related i.is-blue{background:#3b82f6;}
.activity-related i.is-red{background:#ef4444;}
@media (max-width:1320px){.activity-kpis{grid-template-columns:repeat(3,minmax(0,1fr));}.activity-filters{grid-template-columns:1fr 1fr;}.activity-filters .team-secondary-btn{width:100%;}}
@media (max-width:760px){.activity-hero{display:grid;}.activity-hero-actions>*{width:100%;}.activity-kpis,.activity-filters{grid-template-columns:1fr;}.activity-drawer-body dl,.activity-actions{grid-template-columns:1fr;}.activity-footer{align-items:flex-start;flex-direction:column;}}

/* Owner Audit Log */
.audit-log{display:grid;gap:18px;color:#f8fafc;}
.audit-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px;border:1px solid #1f2937;border-radius:16px;background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(8,18,32,.98));box-shadow:0 22px 70px rgba(0,0,0,.3);}
.audit-hero h1{margin:0;color:#fff;font-size:30px;line-height:1.05;}
.audit-hero p{margin:8px 0 0;color:#94a3b8;font-size:14px;}
.audit-badges,.audit-hero-actions{display:flex;gap:10px;flex-wrap:wrap;}
.audit-badges{margin-top:14px;}
.audit-badges span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid rgba(59,130,246,.22);border-radius:999px;background:rgba(7,18,34,.72);color:#dbeafe;font-size:12px;font-weight:900;}
.audit-kpis{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;}
.audit-kpis article{display:flex;gap:14px;align-items:center;min-height:106px;padding:18px 20px;border:1px solid #1f2937;border-radius:16px;background:#111827;box-shadow:0 14px 36px rgba(0,0,0,.2);}
.audit-kpis article>span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;color:#fff;font-weight:1000;}
.audit-kpis small{display:block;color:#cbd5e1;font-size:12px;font-weight:900;}
.audit-kpis strong{display:block;margin-top:4px;color:#fff;font-size:28px;line-height:1;}
.audit-kpis em{display:block;margin-top:7px;color:#94a3b8;font-size:12px;font-style:normal;}
.audit-kpis .is-purple>span{background:rgba(139,92,246,.2);color:#c4b5fd;}
.audit-kpis .is-red>span{background:rgba(239,68,68,.18);color:#fca5a5;}
.audit-kpis .is-green>span{background:rgba(16,185,129,.18);color:#6ee7b7;}
.audit-kpis .is-amber>span{background:rgba(245,158,11,.18);color:#fbbf24;}
.audit-kpis .is-blue>span{background:rgba(59,130,246,.18);color:#93c5fd;}
.audit-filters{display:grid;grid-template-columns:150px 170px 190px 190px 160px 160px minmax(220px,1fr) auto;gap:10px;padding:14px;border:1px solid #1f2937;border-radius:16px;background:rgba(15,23,42,.78);}
.audit-filters select{min-height:42px;min-width:0;border:1px solid rgba(59,130,246,.18);border-radius:10px;background:rgba(4,13,24,.75);color:#e8f0ff;padding:0 10px;font-weight:850;}
.audit-table-card{border:1px solid #1f2937;border-radius:16px;background:rgba(15,23,42,.78);overflow:hidden;}
.audit-table-wrap{overflow:auto;}
.audit-table{width:100%;min-width:1420px;border-collapse:collapse;}
.audit-table th{height:48px;padding:0 12px;background:#111827;color:#9fb6d8;font-size:10px;font-weight:1000;text-align:left;text-transform:uppercase;letter-spacing:.05em;}
.audit-table td{padding:11px 12px;border-top:1px solid rgba(31,41,55,.82);color:#f8fafc;font-size:12px;vertical-align:middle;}
.audit-table tr{cursor:pointer;}
.audit-table tr:hover td{background:rgba(59,130,246,.06);}
.audit-table small{display:block;margin-top:4px;color:#94a3b8;font-size:10px;overflow-wrap:anywhere;}
.audit-table code{font-family:Consolas,Monaco,monospace;color:#dbeafe;font-size:11px;}
.audit-actor{display:flex;align-items:center;gap:9px;min-width:190px;}
.audit-actor>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(139,92,246,.18);color:#c4b5fd;font-weight:1000;}
.audit-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;font-size:10px;font-weight:1000;text-transform:uppercase;}
.audit-badge.is-ok{background:rgba(16,185,129,.16);color:#6ee7b7;}
.audit-badge.is-bad{background:rgba(239,68,68,.16);color:#fca5a5;}
.audit-badge.is-warn{background:rgba(245,158,11,.16);color:#fbbf24;}
.audit-badge.is-module,.audit-badge.is-neutral{background:rgba(148,163,184,.14);color:#cbd5e1;}
.audit-more{width:34px;height:32px;border:1px solid rgba(59,130,246,.22);border-radius:9px;background:rgba(7,18,34,.78);color:#dbeafe;font-weight:1000;cursor:pointer;}
.audit-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-top:1px solid #1f2937;color:#94a3b8;font-size:13px;}
.audit-footer div{display:flex;align-items:center;gap:8px;}
.audit-footer button,.audit-footer b{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid rgba(59,130,246,.22);border-radius:9px;background:rgba(7,18,34,.78);color:#dbeafe;}
.audit-footer b{background:#3b82f6;color:#fff;}
.audit-drawer[hidden]{display:none!important;}
.audit-drawer{position:fixed;inset:0;z-index:1320;display:flex;justify-content:flex-end;}
.audit-drawer-backdrop{position:absolute;inset:0;background:rgba(1,8,18,.62);backdrop-filter:blur(8px);}
.audit-drawer-panel{position:relative;width:min(560px,100vw);height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-left:1px solid #1f2937;background:#0f172a;box-shadow:-30px 0 70px rgba(0,0,0,.42);}
.audit-drawer-panel header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid #1f2937;background:#0f172a;}
.audit-drawer-panel h2{margin:0;color:#fff;font-size:21px;}
.audit-drawer-panel p{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0 0;color:#94a3b8;font-size:12px;}
.audit-drawer-panel header button{width:34px;height:34px;border:1px solid rgba(59,130,246,.22);border-radius:9px;background:rgba(7,18,34,.8);color:#fff;cursor:pointer;}
.audit-drawer-body{display:grid;gap:12px;padding:14px;overflow:auto;}
.audit-drawer-body section{border:1px solid #1f2937;border-radius:12px;background:rgba(17,24,39,.72);padding:14px;}
.audit-drawer-body h3{margin:0 0 10px;color:#f8fafc;font-size:14px;}
.audit-drawer-body dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;}
.audit-drawer-body dl div{min-width:0;padding:9px;border-radius:9px;background:rgba(2,10,23,.42);}
.audit-drawer-body dt{color:#94a3b8;font-size:10px;font-weight:1000;text-transform:uppercase;letter-spacing:.05em;}
.audit-drawer-body dd{margin:4px 0 0;color:#fff;font-size:12px;font-weight:850;overflow-wrap:anywhere;}
.audit-drawer-body pre{max-height:280px;overflow:auto;margin:0;padding:12px;border-radius:10px;background:#020617;color:#dbeafe;font-family:Consolas,Monaco,monospace;font-size:11px;line-height:1.45;white-space:pre-wrap;}
.audit-links{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.audit-links a{display:flex;align-items:center;justify-content:center;min-height:38px;border:1px solid rgba(59,130,246,.24);border-radius:9px;background:rgba(7,18,34,.78);color:#dbeafe;text-decoration:none;font-size:12px;font-weight:900;}
.audit-drawer-panel footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:14px;border-top:1px solid #1f2937;background:#0f172a;}
.audit-drawer-panel footer button{min-height:36px;border:1px solid rgba(59,130,246,.24);border-radius:9px;background:rgba(7,18,34,.8);color:#e8f0ff;padding:0 11px;font-size:12px;font-weight:900;cursor:pointer;}
@media (max-width:1500px){.audit-kpis{grid-template-columns:repeat(3,minmax(0,1fr));}.audit-filters{grid-template-columns:1fr 1fr 1fr;}}
@media (max-width:760px){.audit-hero{display:grid;}.audit-hero-actions>*{width:100%;}.audit-kpis,.audit-filters{grid-template-columns:1fr;}.audit-drawer-body dl,.audit-links{grid-template-columns:1fr;}.audit-footer{align-items:flex-start;flex-direction:column;}}

/* Owner Executive Dashboard */
.owner-exec-dashboard{display:grid;gap:24px;color:#f8fafc;}
.owner-exec-hero,.owner-exec-panel,.owner-exec-kpi{border:1px solid #1f2937;background:linear-gradient(145deg,rgba(17,24,39,.94),rgba(8,18,32,.96));box-shadow:0 22px 62px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04);}
.owner-exec-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:24px;border-radius:16px;}
.owner-exec-eyebrow{display:block;margin-bottom:6px;color:#8b5cf6;font-size:12px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;}
.owner-exec-hero h1{margin:0;color:#f8fafc;font-size:34px;letter-spacing:-.035em;line-height:1.05;}
.owner-exec-hero p{margin:8px 0 0;color:#cbd5e1;font-size:15px;}
.owner-exec-chips{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px;min-width:min(720px,100%);}
.owner-exec-chips span{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:4px 10px;min-height:58px;padding:10px 12px;border:1px solid rgba(59,130,246,.18);border-radius:12px;background:rgba(8,18,32,.78);}
.owner-exec-chips i{grid-row:1/3;width:28px;height:28px;border-radius:50%;background:#3b82f6;box-shadow:0 0 24px rgba(59,130,246,.28);}
.owner-exec-chips i.is-green{background:#10b981;box-shadow:0 0 24px rgba(16,185,129,.28);}
.owner-exec-chips i.is-red{background:#ef4444;box-shadow:0 0 24px rgba(239,68,68,.28);}
.owner-exec-chips i.is-cyan{background:#38bdf8;box-shadow:0 0 24px rgba(56,189,248,.28);}
.owner-exec-chips i.is-amber{background:#f59e0b;box-shadow:0 0 24px rgba(245,158,11,.28);}
.owner-exec-chips small{color:#94a3b8;font-size:11px;font-weight:850;}
.owner-exec-chips b{color:#f8fafc;font-size:13px;}
.owner-exec-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;}
.owner-exec-kpi{position:relative;overflow:hidden;min-height:168px;padding:22px;border-radius:16px;text-decoration:none;color:#f8fafc;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
.owner-exec-kpi:hover,.owner-exec-panel a:hover{transform:translateY(-2px);border-color:rgba(59,130,246,.48);box-shadow:0 26px 70px rgba(0,0,0,.34);}
.owner-exec-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:14px;border-radius:50%;font-size:12px;font-weight:1000;letter-spacing:.02em;color:#fff;background:#8b5cf6;box-shadow:0 16px 38px rgba(139,92,246,.28);}
.owner-exec-kpi.is-blue .owner-exec-icon{background:#3b82f6;box-shadow:0 16px 38px rgba(59,130,246,.28);}
.owner-exec-kpi.is-green .owner-exec-icon{background:#10b981;box-shadow:0 16px 38px rgba(16,185,129,.28);}
.owner-exec-kpi.is-amber .owner-exec-icon{background:#f59e0b;box-shadow:0 16px 38px rgba(245,158,11,.28);}
.owner-exec-kpi.is-cyan .owner-exec-icon{background:#06b6d4;box-shadow:0 16px 38px rgba(6,182,212,.28);}
.owner-exec-kpi small{display:block;color:#cbd5e1;font-size:13px;font-weight:900;}
.owner-exec-kpi strong{display:block;margin-top:8px;color:#fff;font-size:31px;letter-spacing:-.04em;line-height:1;}
.owner-exec-kpi em{display:block;margin-top:10px;font-style:normal;font-size:13px;font-weight:1000;}
.owner-exec-kpi em.is-positive{color:#10b981;}
.owner-exec-kpi em.is-negative{color:#ef4444;}
.owner-exec-kpi p{margin:7px 0 0;color:#94a3b8;font-size:12px;}
.owner-exec-grid{display:grid;grid-template-columns:1fr 1.1fr 1.22fr;gap:16px;align-items:start;}
.owner-exec-panel{min-width:0;padding:22px;border-radius:16px;}
.owner-exec-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px;}
.owner-exec-panel-head h2{margin:0;color:#f8fafc;font-size:19px;letter-spacing:-.02em;}
.owner-exec-panel-head p{margin:6px 0 0;color:#94a3b8;font-size:12px;}
.owner-exec-panel-head>a{color:#c084fc;font-size:12px;font-weight:900;text-decoration:none;white-space:nowrap;}
.owner-exec-actions{display:grid;gap:12px;}
.owner-exec-actions a{display:grid;grid-template-columns:46px minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:76px;padding:13px;border:1px solid rgba(31,41,55,.95);border-radius:13px;background:rgba(8,18,32,.68);color:#f8fafc;text-decoration:none;transition:.18s ease;}
.owner-exec-actions span,.owner-exec-timeline span,.owner-exec-quick-grid span{display:grid;place-items:center;border-radius:50%;color:#fff;font-size:10px;font-weight:1000;}
.owner-exec-actions span{width:40px;height:40px;}
.owner-exec-actions span.is-purple,.owner-exec-quick-grid span.is-purple{background:#8b5cf6;}
.owner-exec-actions span.is-amber,.owner-exec-quick-grid span.is-amber{background:#f59e0b;}
.owner-exec-actions span.is-blue,.owner-exec-quick-grid span.is-blue{background:#3b82f6;}
.owner-exec-actions span.is-red,.owner-exec-quick-grid span.is-red{background:#ef4444;}
.owner-exec-actions b,.owner-exec-timeline b,.owner-exec-quick-grid b{display:block;color:#f8fafc;font-size:13px;}
.owner-exec-actions small,.owner-exec-timeline small,.owner-exec-quick-grid small{display:block;margin-top:3px;color:#94a3b8;font-size:11px;}
.owner-exec-actions strong{display:grid;place-items:center;min-width:28px;height:28px;border-radius:999px;background:rgba(139,92,246,.18);color:#ddd6fe;font-size:13px;}
.owner-exec-actions em{font-style:normal;color:#c084fc;font-size:11px;font-weight:900;white-space:nowrap;}
.owner-exec-wide-link{display:flex;align-items:center;justify-content:center;min-height:42px;margin-top:14px;border:1px solid rgba(139,92,246,.26);border-radius:12px;background:rgba(139,92,246,.09);color:#c084fc;text-decoration:none;font-size:13px;font-weight:950;}
.owner-exec-timeline{position:relative;display:grid;gap:0;}
.owner-exec-timeline:before{content:"";position:absolute;left:18px;top:18px;bottom:18px;width:1px;background:rgba(59,130,246,.28);}
.owner-exec-timeline a{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:8px 0;color:#f8fafc;text-decoration:none;border-bottom:1px solid rgba(31,41,55,.7);transition:.18s ease;}
.owner-exec-timeline span{position:relative;z-index:1;width:36px;height:36px;background:#3b82f6;}
.owner-exec-timeline span.is-green{background:#10b981;}
.owner-exec-timeline span.is-amber{background:#f59e0b;}
.owner-exec-timeline span.is-cyan{background:#06b6d4;}
.owner-exec-timeline span.is-purple{background:#8b5cf6;}
.owner-exec-timeline time{color:#94a3b8;font-size:11px;white-space:nowrap;}
.owner-exec-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.owner-exec-quick-grid a{min-height:104px;padding:14px;border:1px solid rgba(31,41,55,.95);border-radius:12px;background:rgba(8,18,32,.68);color:#f8fafc;text-decoration:none;transition:.18s ease;}
.owner-exec-quick-grid span{width:38px;height:38px;margin-bottom:10px;background:#3b82f6;}
.owner-exec-quick-grid span.is-green{background:#10b981;}
.owner-exec-quick-grid span.is-red{background:#ef4444;}
.owner-exec-quick-grid span.is-cyan{background:#06b6d4;}
@media (max-width:1500px){.owner-exec-hero{display:grid;}.owner-exec-chips{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;}.owner-exec-kpis{grid-template-columns:repeat(3,minmax(0,1fr));}.owner-exec-grid{grid-template-columns:1fr;}.owner-exec-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:760px){.owner-exec-hero,.owner-exec-panel,.owner-exec-kpi{padding:16px;}.owner-exec-chips,.owner-exec-kpis,.owner-exec-quick-grid{grid-template-columns:1fr;}.owner-exec-actions a{grid-template-columns:40px 1fr;}.owner-exec-actions strong,.owner-exec-actions em{justify-self:start;}.owner-exec-timeline a{grid-template-columns:38px 1fr;}.owner-exec-timeline time{grid-column:2;}}

/* Owner Subscriptions */
.subs-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start;color:#f8fafc;}
.subs-layout.is-detail-open{grid-template-columns:minmax(0,1fr) 390px;}
.subs-main{display:grid;gap:18px;min-width:0;}
.subs-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 8px 8px;border:0;border-radius:0;background:transparent;}
.subs-hero h1{margin:0 0 8px;color:#fff;font-size:32px;letter-spacing:-.03em;}
.subs-hero p{margin:0;color:#94a3b8;font-size:14px;}
.subs-hero-actions{display:flex;gap:10px;flex-wrap:wrap;}
.subs-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.subs-kpis button{min-height:126px;text-align:left;padding:18px;border:1px solid rgba(59,130,246,.18);border-radius:12px;background:linear-gradient(145deg,rgba(15,28,48,.88),rgba(7,17,31,.92));color:#f8fafc;cursor:pointer;transition:.18s ease;}
.subs-kpis button.active,.subs-kpis button:hover{border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 20px 44px rgba(0,0,0,.26);}
.subs-kpis span{display:grid;place-items:center;width:42px;height:42px;margin-bottom:10px;border-radius:50%;color:#fff;font-size:10px;font-weight:1000;}
.subs-kpis .is-green{background:#10b981}.subs-kpis .is-blue{background:#3b82f6}.subs-kpis .is-purple{background:#8b5cf6}.subs-kpis .is-amber{background:#f59e0b}
.subs-kpis small{display:block;color:#cbd5e1;font-weight:900;}
.subs-kpis b{display:block;margin-top:6px;font-size:28px;}
.subs-kpis em{display:block;margin-top:6px;color:#60a5fa;font-size:12px;font-style:normal;font-weight:900;}
.subs-filters{display:grid;grid-template-columns:1.6fr .8fr .8fr 1.1fr auto;gap:10px;padding:14px 4px;border-width:1px 0;border-style:solid;border-color:#1f2937;border-radius:0;background:transparent;}
.subs-filters input,.subs-filters select{height:42px;border:1px solid rgba(59,130,246,.2);border-radius:10px;background:#081220;color:#f8fafc;padding:0 12px;}
.subs-filters button{border:0;background:transparent;color:#60a5fa;font-weight:900;cursor:pointer;}
.subs-table-card{border:1px solid #1f2937;border-radius:12px;background:rgba(9,20,36,.78);overflow:hidden;}
.subs-table-wrap{overflow:auto;}
.subs-table{width:100%;border-collapse:separate;border-spacing:0;}
.subs-table th{padding:16px;color:#9fb6d8;font-size:11px;text-align:left;text-transform:uppercase;letter-spacing:.05em;background:rgba(15,23,42,.8);}
.subs-table td{padding:16px;border-top:1px solid rgba(31,41,55,.72);color:#f8fafc;font-size:13px;vertical-align:middle;}
.subs-table tr:hover td{background:rgba(59,130,246,.05);}
.subs-table tr.is-selected td{background:rgba(59,130,246,.08);}
.subs-user{display:flex;align-items:center;gap:12px;}
.subs-user>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#2563eb;color:#fff;font-size:12px;font-weight:1000;}
.subs-user b{display:block;color:#fff;}
.subs-user small{display:block;margin-top:3px;color:#94a3b8;}
.subs-status{display:inline-flex;min-height:24px;align-items:center;padding:0 10px;border-radius:999px;font-size:11px;font-weight:1000;}
.subs-status.is-active{background:rgba(16,185,129,.16);color:#6ee7b7;}
.subs-status.is-pending_approval{background:rgba(245,158,11,.16);color:#fbbf24;}
.subs-status.is-trial{background:rgba(59,130,246,.16);color:#93c5fd;}
.subs-status.is-expired{background:rgba(239,68,68,.16);color:#fca5a5;}
.subs-status.is-cancelled{background:rgba(148,163,184,.16);color:#cbd5e1;}
.subs-detail-btn{min-height:34px;padding:0 14px;border:1px solid rgba(59,130,246,.26);border-radius:9px;background:rgba(8,18,32,.75);color:#dbeafe;font-weight:900;cursor:pointer;}
.subs-footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:10px 8px;color:#94a3b8;font-size:13px;}
.subs-pagination{display:flex;gap:8px;align-items:center;}
.subs-pagination button,.subs-pagination b,.subs-footer select{min-width:34px;height:34px;border:1px solid rgba(59,130,246,.22);border-radius:8px;background:#081220;color:#dbeafe;}
.subs-pagination b{display:grid;place-items:center;background:#2563eb;color:#fff;}
.subs-footer select{padding:0 10px;}
.subs-side-panel{position:sticky;top:90px;min-height:calc(100vh - 118px);display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto auto auto;gap:14px;padding:20px 16px;border:1px solid #1f2937;border-radius:12px;background:linear-gradient(180deg,rgba(15,28,48,.96),rgba(7,17,31,.98));box-shadow:0 22px 70px rgba(0,0,0,.28);}
.subs-side-panel[hidden]{display:none!important;}
.subs-side-panel>header{display:flex;justify-content:space-between;gap:14px;align-items:center;}
.subs-side-panel>header h2{margin:0;color:#fff;font-size:18px;}
.subs-side-panel>header button{width:30px;height:30px;border:0;background:transparent;color:#94a3b8;cursor:pointer;}
.subs-panel-profile{display:flex;gap:12px;align-items:center;}
.subs-panel-profile>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#f59e0b;color:#fff;font-weight:1000;}
.subs-panel-profile b,.subs-panel-profile small{display:block;}
.subs-panel-profile small{margin-top:4px;color:#94a3b8;}
.subs-panel-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.subs-profile{display:flex;gap:12px;align-items:center;}
.subs-profile>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#f59e0b;color:#fff;font-weight:1000;}
.subs-profile h2{margin:0 0 4px;color:#fff;font-size:20px;}
.subs-profile b,.subs-profile small{display:block;}
.subs-profile small{color:#94a3b8;}
.subs-drawer-panel header button{width:34px;height:34px;border:1px solid rgba(59,130,246,.24);border-radius:9px;background:#081220;color:#fff;cursor:pointer;}
.subs-panel-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;border-bottom:1px solid #1f2937;}
.subs-panel-tabs button{display:grid;justify-items:center;gap:5px;min-height:52px;border:0;border-bottom:2px solid transparent;background:transparent;color:#94a3b8;font-size:11px;font-weight:850;cursor:pointer;}
.subs-panel-tabs button i{width:16px;height:16px;border-radius:4px;border:1px solid currentColor;}
.subs-panel-tabs button.active{border-bottom-color:#3b82f6;color:#60a5fa;}
.subs-panel-body{min-height:0;overflow:auto;}
.subs-panel-body article{display:none;border:1px solid #1f2937;border-radius:12px;background:rgba(8,18,32,.52);padding:16px;}
.subs-panel-body article.active{display:block;}
.subs-panel-body h3,.subs-quick-actions h3,.subs-notes h3{margin:0 0 14px;color:#fff;font-size:14px;}
.subs-panel-body dl{display:grid;gap:14px;margin:0;}
.subs-panel-body dl div{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.subs-panel-body dt{color:#94a3b8;font-size:13px;}
.subs-panel-body dd{margin:0;color:#fff;font-size:13px;text-align:right;}
.subs-email-list article,.subs-activity-list article{padding:11px;border-radius:10px;background:rgba(8,18,32,.72);}
.subs-access-grid{display:grid;gap:10px;margin-bottom:12px;}
.subs-access-grid label,.subs-panel-body label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border-radius:10px;background:rgba(8,18,32,.72);color:#f8fafc;}
.subs-panel-body label input[type=text]{width:58%;height:34px;border:1px solid #1f2937;border-radius:8px;background:#020617;color:#fff;padding:0 9px;}
.subs-action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;}
.subs-email-list,.subs-activity-list{display:grid;gap:10px;}
.subs-email-list article{display:flex;justify-content:space-between;gap:10px;}
.subs-email-list button{border:1px solid rgba(59,130,246,.24);border-radius:8px;background:#081220;color:#dbeafe;font-weight:900;cursor:pointer;}
.subs-email-preview{margin-top:12px;max-height:360px;overflow:auto;padding:12px;border:1px solid #1f2937;border-radius:12px;background:#f8fafc;color:#07111f;}
.subs-activity-list time{display:block;margin-top:4px;color:#94a3b8;font-size:11px;}
.subs-quick-actions,.subs-notes{padding:16px;border:1px solid #1f2937;border-radius:12px;background:rgba(8,18,32,.52);}
.subs-quick-actions{display:grid;gap:10px;}
.subs-confirm,.subs-save{min-height:42px;border:0;border-radius:9px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-weight:1000;cursor:pointer;}
.subs-edit-access{min-height:42px;border:1px solid #2563eb;border-radius:9px;background:rgba(37,99,235,.08);color:#60a5fa;font-weight:1000;cursor:pointer;}
.subs-notes textarea{width:100%;min-height:76px;resize:vertical;border:1px solid #1f2937;border-radius:10px;background:#081220;color:#fff;padding:12px;}
.subs-notes small{display:block;margin-top:8px;color:#94a3b8;font-size:11px;}
.subs-save{background:linear-gradient(135deg,#2563eb,#3b82f6);}
@media (max-width:1500px){.subs-layout,.subs-layout.is-detail-open{grid-template-columns:1fr;}.subs-side-panel{position:relative;top:auto;min-height:auto;}.subs-kpis,.subs-filters{grid-template-columns:1fr 1fr;}}
@media (max-width:700px){.subs-hero{display:grid;}.subs-kpis,.subs-filters,.subs-panel-body dl div{grid-template-columns:1fr;}.subs-footer{grid-template-columns:1fr;}.subs-panel-tabs{grid-template-columns:repeat(3,1fr);}}

/* MiMatt Appearance & Layout System */
:root{
  --mimatt-bg:#081220;
  --mimatt-surface:#111827;
  --mimatt-surface-2:#0f172a;
  --mimatt-surface-3:#162238;
  --mimatt-sidebar:#050f1c;
  --mimatt-input:#081220;
  --mimatt-overlay:rgba(0,5,12,.72);
  --mimatt-border:#1f2937;
  --mimatt-border-strong:#334155;
  --mimatt-text:#f8fafc;
  --mimatt-muted:#94a3b8;
  --mimatt-subtle:#64748b;
  --mimatt-inverse:#07111f;
  --accent-primary:#f2b824;
  --accent-primary-hover:#f8c84a;
  --accent-primary-soft:rgba(242,184,36,.10);
  --accent-primary-border:rgba(242,184,36,.38);
  --accent-primary-glow:rgba(242,184,36,.22);
  --accent-primary-text:#ffd765;
  --mimatt-accent:var(--accent-primary);
  --mimatt-accent-2:var(--accent-primary-hover);
  --mimatt-success:#10b981;
  --mimatt-warning:#f59e0b;
  --mimatt-danger:#ef4444;
  --mimatt-info:#38bdf8;
  --mimatt-on-accent:#ffffff;
  --mimatt-chart-1:var(--mimatt-accent-2);
  --mimatt-chart-2:var(--mimatt-success);
  --mimatt-chart-3:var(--mimatt-warning);
  --mimatt-chart-4:#8b5cf6;
  --mimatt-chart-grid:var(--mimatt-border);
  --mimatt-hover:var(--accent-primary-soft);
  --mimatt-selected:var(--accent-primary-soft);
  --mimatt-shadow-sm:0 8px 22px rgba(0,0,0,.2);
  --mimatt-shadow-lg:0 24px 70px rgba(0,0,0,.38);
  --mimatt-focus:0 0 0 3px var(--accent-primary-glow);
  --mimatt-radius:16px;
  --mimatt-space:18px;
  --mimatt-font-scale:1;
  /* Compatibility aliases used by the original modules. */
  --bg:var(--mimatt-bg);
  --panel:var(--mimatt-surface);
  --panel-2:var(--mimatt-surface-2);
  --line:var(--mimatt-border);
  --white:var(--mimatt-text);
  --muted:var(--mimatt-muted);
  --shadow:var(--mimatt-shadow-lg);
}
:where(html,body)[data-accent-theme="gold"],html[data-color-theme="gold"],body[data-color-theme="gold"]{--accent-primary:#f2b824;--accent-primary-hover:#f8c84a;--accent-primary-soft:rgba(242,184,36,.10);--accent-primary-border:rgba(242,184,36,.38);--accent-primary-glow:rgba(242,184,36,.22);--accent-primary-text:#ffd765;--mimatt-accent:var(--accent-primary);--mimatt-accent-2:var(--accent-primary-hover);--mimatt-hover:var(--accent-primary-soft);--mimatt-selected:var(--accent-primary-soft);--mimatt-focus:0 0 0 3px var(--accent-primary-glow);}
:where(html,body)[data-accent-theme="emerald"],html[data-color-theme="emerald"],body[data-color-theme="emerald"]{--accent-primary:#12c7b5;--accent-primary-hover:#20d7c4;--accent-primary-soft:rgba(18,199,181,.10);--accent-primary-border:rgba(18,199,181,.38);--accent-primary-glow:rgba(18,199,181,.22);--accent-primary-text:#75f0e3;--mimatt-accent:var(--accent-primary);--mimatt-accent-2:var(--accent-primary-hover);--mimatt-hover:var(--accent-primary-soft);--mimatt-selected:var(--accent-primary-soft);--mimatt-focus:0 0 0 3px var(--accent-primary-glow);}
:where(html,body)[data-accent-theme="blue"],html[data-color-theme="blue"],body[data-color-theme="blue"]{--accent-primary:#3b82f6;--accent-primary-hover:#60a5fa;--accent-primary-soft:rgba(59,130,246,.10);--accent-primary-border:rgba(59,130,246,.38);--accent-primary-glow:rgba(59,130,246,.22);--accent-primary-text:#93c5fd;--mimatt-accent:var(--accent-primary);--mimatt-accent-2:var(--accent-primary-hover);--mimatt-hover:var(--accent-primary-soft);--mimatt-selected:var(--accent-primary-soft);--mimatt-focus:0 0 0 3px var(--accent-primary-glow);}
:where(html,body)[data-accent-theme="purple"],html[data-color-theme="purple"],body[data-color-theme="purple"]{--accent-primary:#8b5cf6;--accent-primary-hover:#a78bfa;--accent-primary-soft:rgba(139,92,246,.10);--accent-primary-border:rgba(139,92,246,.38);--accent-primary-glow:rgba(139,92,246,.22);--accent-primary-text:#c4b5fd;--mimatt-accent:var(--accent-primary);--mimatt-accent-2:var(--accent-primary-hover);--mimatt-hover:var(--accent-primary-soft);--mimatt-selected:var(--accent-primary-soft);--mimatt-focus:0 0 0 3px var(--accent-primary-glow);}
:where(html,body)[data-accent-theme="cyan"],html[data-color-theme="cyan"],body[data-color-theme="cyan"]{--accent-primary:#17b7e8;--accent-primary-hover:#ef5b7b;--accent-primary-soft:rgba(23,183,232,.10);--accent-primary-border:rgba(23,183,232,.38);--accent-primary-glow:rgba(239,91,123,.22);--accent-primary-text:#8ee7ff;--mimatt-accent:var(--accent-primary);--mimatt-accent-2:var(--accent-primary-hover);--mimatt-hover:var(--accent-primary-soft);--mimatt-selected:var(--accent-primary-soft);--mimatt-focus:0 0 0 3px var(--accent-primary-glow);}
:where(html,body)[data-accent-theme="rose"],html[data-color-theme="rose"],body[data-color-theme="rose"]{--accent-primary:#ef5b7b;--accent-primary-hover:#fb718f;--accent-primary-soft:rgba(239,91,123,.10);--accent-primary-border:rgba(239,91,123,.38);--accent-primary-glow:rgba(239,91,123,.22);--accent-primary-text:#fda4b9;--mimatt-accent:var(--accent-primary);--mimatt-accent-2:var(--accent-primary-hover);--mimatt-hover:var(--accent-primary-soft);--mimatt-selected:var(--accent-primary-soft);--mimatt-focus:0 0 0 3px var(--accent-primary-glow);}
html[data-theme="light"],body[data-theme="light"]{--mimatt-bg:#eef4fb;--mimatt-surface:#ffffff;--mimatt-surface-2:#f8fafc;--mimatt-surface-3:#edf3fa;--mimatt-sidebar:#ffffff;--mimatt-input:#f8fafc;--mimatt-overlay:rgba(15,23,42,.38);--mimatt-border:#d6e1ef;--mimatt-border-strong:#b8c8da;--mimatt-text:#07111f;--mimatt-muted:#526174;--mimatt-subtle:#718096;--mimatt-inverse:#f8fafc;--mimatt-hover:var(--accent-primary-soft);--mimatt-selected:var(--accent-primary-soft);--mimatt-shadow-sm:0 8px 22px rgba(15,23,42,.07);--mimatt-shadow-lg:0 20px 48px rgba(15,23,42,.1);--mimatt-focus:0 0 0 3px var(--accent-primary-glow);color-scheme:light;}
html[data-density="compact"],body[data-density="compact"]{--mimatt-space:13px;}
html[data-density="ultra"],body[data-density="ultra"]{--mimatt-space:9px;--mimatt-radius:12px;}
html[data-font-size="small"],body[data-font-size="small"]{--mimatt-font-scale:.94;}
html[data-font-size="large"],body[data-font-size="large"]{--mimatt-font-scale:1.08;}
body.app-shell{background:var(--mimatt-bg);color:var(--mimatt-text);font-size:calc(16px * var(--mimatt-font-scale));}
.premium-sidebar,.premium-topbar,.saas-card,.account-detail-card,.account-actions-card,.owner-exec-panel,.owner-exec-kpi,.subs-table-card,.subs-hero,.subs-kpis button,.activity-panel,.audit-panel{background-color:var(--mimatt-surface)!important;border-color:var(--mimatt-border)!important;color:var(--mimatt-text);}
.saas-main,.premium-main{background:var(--mimatt-bg);color:var(--mimatt-text);}
.nav-section-items a.active,.primary-btn,.owner-exec-wide-link,.subs-tabs button.active{border-color:color-mix(in srgb,var(--mimatt-accent) 55%,transparent)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--mimatt-accent) 82%,var(--mimatt-surface-2)),color-mix(in srgb,var(--mimatt-accent-2) 72%,var(--mimatt-surface-2)))!important;color:var(--mimatt-on-accent)!important;}
.secondary-btn,.subs-detail-btn,.audit-more{border-color:color-mix(in srgb,var(--mimatt-accent-2) 35%,transparent)!important;color:var(--mimatt-text);}
.saas-eyebrow,.owner-exec-eyebrow,.activity-eyebrow,.audit-eyebrow,.appearance-settings-head span{color:var(--mimatt-accent)!important;}
.saas-card,.account-detail-card,.account-actions-card,.owner-exec-panel,.subs-table-card{border-radius:var(--mimatt-radius);}
body[data-density="compact"] .saas-card,body[data-density="compact"] .account-detail-card,body[data-density="compact"] .subs-table td,body[data-density="compact"] .subs-table th{padding:12px;}
body[data-density="ultra"] .saas-card,body[data-density="ultra"] .account-detail-card,body[data-density="ultra"] .subs-table td,body[data-density="ultra"] .subs-table th{padding:8px;}
.plan-products-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.plan-products-head h3{margin:0 0 5px;color:var(--mimatt-text)}.plan-products-head p{margin:0;color:var(--mimatt-muted);font-size:12px}.plan-products-head input{height:38px;border:1px solid var(--mimatt-border);border-radius:8px;background:var(--mimatt-input);color:var(--mimatt-text);padding:0 11px}.plan-products-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:390px;overflow:auto}.plan-products-grid>label{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--mimatt-border);border-radius:8px;background:var(--mimatt-surface-2);cursor:pointer}.plan-products-grid>label:has(input:checked){border-color:var(--mimatt-accent-2);background:var(--mimatt-selected)}.plan-products-grid input{accent-color:var(--mimatt-accent-2)}.plan-products-grid label>span{width:9px;height:34px;border-radius:999px;background:var(--plan-product-accent)}.plan-products-grid b,.plan-products-grid small{display:block}.plan-products-grid b{color:var(--mimatt-text);font-size:12px}.plan-products-grid small{margin-top:4px;color:var(--mimatt-muted);font-weight:500}.plan-products-grid i{display:none;color:var(--mimatt-success);font-size:10px;font-style:normal;font-weight:800}.plan-products-grid input:checked~i{display:block}@media(max-width:700px){.plan-products-head{display:grid}.plan-products-grid{grid-template-columns:1fr}}
body[data-nav-layout="compact"] .premium-user-layout{grid-template-columns:118px minmax(0,1fr);}
body[data-nav-layout="compact"] .premium-sidebar{width:118px;}
body[data-nav-layout="compact"] .premium-sidebar .sidebar-wordmark{display:none!important;}
body[data-nav-layout="compact"] .premium-sidebar .nav-section-items a{min-height:66px;display:flex!important;flex-direction:column;justify-content:center;gap:5px;padding:9px 6px;text-align:center;}
body[data-nav-layout="compact"] .premium-sidebar .nav-icon{margin:0!important;}
body[data-nav-layout="compact"] .premium-sidebar .nav-text{display:block!important;max-width:92px;white-space:normal;overflow:hidden;text-overflow:clip;color:inherit;font-size:9px;font-weight:850;line-height:1.12;text-align:center;}
body[data-nav-layout="compact"] .premium-sidebar .nav-group-toggle{font-size:9px;letter-spacing:.06em;text-align:center;justify-content:center;padding-inline:4px;}
body[data-nav-layout="auto_hide"] .premium-sidebar{transform:translateX(calc(-100% + 16px));transition:transform .22s ease;}
body[data-nav-layout="auto_hide"] .premium-sidebar:hover,body[data-nav-layout="auto_hide"] .premium-user-layout.is-collapsed .premium-sidebar{transform:translateX(0);}
body[data-nav-layout="top_nav"] .premium-user-layout{display:block;}
body[data-nav-layout="top_nav"] .premium-sidebar{position:sticky;top:80px;width:auto;max-height:none;display:block;border-right:0;border-bottom:1px solid var(--mimatt-border);}
body[data-nav-layout="top_nav"] .premium-sidebar .nav-section-items{display:flex;flex-wrap:wrap;}
body[data-nav-layout="top_nav"] .premium-sidebar .nav-group-toggle{display:none;}
.premium-brand-mark,.premium-wordmark,.brand-logo,.sidebar-wordmark,.premium-brand img,.premium-top-brand img,.wolf-toast-logo,.wolf-signal-logo{filter:none!important;mix-blend-mode:normal!important;opacity:1!important;}
.appearance-settings-card{display:grid;gap:18px;margin-bottom:18px;padding:22px;border:1px solid var(--mimatt-border);border-radius:16px;background:var(--mimatt-surface);box-shadow:var(--mimatt-shadow-sm);}
.appearance-settings-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;}
.appearance-settings-head h2{margin:4px 0 6px;color:var(--mimatt-text);font-size:24px;}
.appearance-settings-head p{margin:0;max-width:760px;color:var(--mimatt-muted);}
.appearance-settings-head b{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--mimatt-accent) 18%,transparent);color:var(--mimatt-accent);}
.appearance-settings-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}
.appearance-settings-grid fieldset{min-width:0;margin:0;padding:14px;border:1px solid var(--mimatt-border);border-radius:14px;background:var(--mimatt-surface-2);}
.appearance-settings-grid legend{padding:0 6px;color:var(--mimatt-text);font-weight:1000;}
.appearance-settings-grid label{display:flex;align-items:center;gap:8px;margin-top:10px;color:var(--mimatt-muted);font-size:13px;font-weight:800;}
.appearance-settings-grid input{accent-color:var(--mimatt-accent);}
.appearance-preview-box{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.appearance-preview-box article{padding:14px;border:1px solid var(--mimatt-border);border-radius:13px;background:var(--mimatt-surface-2);}
.appearance-preview-box span{display:block;width:38px;height:38px;margin-bottom:10px;border-radius:50%;background:var(--mimatt-accent);box-shadow:0 0 28px color-mix(in srgb,var(--mimatt-accent) 30%,transparent);}
.appearance-preview-box b{display:block;color:var(--mimatt-text);}
.appearance-preview-box small{display:block;margin-top:4px;color:var(--mimatt-muted);}
.appearance-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.appearance-actions small{color:var(--mimatt-muted);font-weight:900;}
@media (max-width:1023px){
  body[data-nav-layout="auto"] .premium-user-layout{display:block;}
  body[data-nav-layout="auto"] .premium-sidebar{position:sticky;top:72px;width:auto;border-right:0;border-bottom:1px solid var(--mimatt-border);}
  .appearance-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .appearance-preview-box{grid-template-columns:1fr;}
}
@media (max-width:767px){
  .premium-user-layout{display:block!important;}
  .premium-sidebar{position:fixed!important;inset:0 auto 0 0;width:min(86vw,320px)!important;z-index:1200;transform:translateX(-100%);transition:transform .22s ease;}
  .premium-user-layout:not(.is-collapsed) .premium-sidebar{transform:translateX(0);}
  .saas-main,.premium-main{padding-inline:12px!important;}
  .appearance-settings-grid{grid-template-columns:1fr;}
}

/* Global token bridge for legacy modules. The theme selector above remains the source of truth. */
body.app-shell,
body.app-shell :where(.premium-user-layout,.premium-main,.saas-main,.workspace-main){background-color:var(--mimatt-bg)!important;color:var(--mimatt-text);}
body.app-shell :where(.premium-topbar,.premium-sidebar){background:var(--mimatt-sidebar)!important;border-color:var(--mimatt-border)!important;color:var(--mimatt-text)!important;box-shadow:var(--mimatt-shadow-sm);}
body.app-shell :where(
  .saas-card,.account-detail-card,.account-actions-card,.appearance-settings-card,
  .owner-exec-panel,.owner-exec-kpi,.activity-panel,.activity-table-card,.audit-panel,
  .team-table-card,.users-legal-dialog,.lcc-modal-card,.team-modal-card,
  .subs-table-card,.subs-side-panel,.subs-panel-body article,.subs-quick-actions,.subs-notes,
  .appearance-settings-grid fieldset,.appearance-preview-box article
){background:var(--mimatt-surface)!important;border-color:var(--mimatt-border)!important;color:var(--mimatt-text)!important;box-shadow:var(--mimatt-shadow-sm);}
body.app-shell :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.subs-detail-btn,.secondary-btn,.ghost-btn,.icon-btn){background:var(--mimatt-input)!important;border-color:var(--mimatt-border)!important;color:var(--mimatt-text)!important;}
body.app-shell :where(input,select,textarea):focus{border-color:var(--mimatt-accent-2)!important;box-shadow:var(--mimatt-focus)!important;outline:0;}
body.app-shell :where(input,textarea)::placeholder{color:var(--mimatt-subtle)!important;opacity:1;}
body.app-shell :where(table){color:var(--mimatt-text);}
body.app-shell :where(th,.team-access-table th,.lcc-table th,.activity-table th,.subs-table th){background:var(--mimatt-surface-2)!important;border-color:var(--mimatt-border)!important;color:var(--mimatt-muted)!important;}
body.app-shell :where(td,.team-access-table td,.lcc-table td,.activity-table td,.subs-table td){background-color:transparent;border-color:var(--mimatt-border)!important;color:var(--mimatt-text)!important;}
body.app-shell :where(tr:hover td){background-color:var(--mimatt-hover)!important;}
body.app-shell :where(.is-selected td,tr.is-selected td){background-color:var(--mimatt-selected)!important;}
body.app-shell :where(h1,h2,h3,h4,h5,h6,.account-field-row b,.account-card-head h2,.appearance-settings-head h2,.appearance-preview-box b){color:var(--mimatt-text)!important;}
body.app-shell :where(p,small,dt,.account-field-row span,.appearance-settings-head p,.appearance-settings-grid label,.appearance-preview-box small,.subs-user small,.team-table-footer){color:var(--mimatt-muted);}
body.app-shell :where(.nav-section-items a,.nav-group,.premium-sidebar a){color:var(--mimatt-text)!important;}
body.app-shell :where(.nav-section-items a:not(.active):hover,.premium-sidebar a:not(.active):hover){background:var(--mimatt-hover)!important;}

.premium-sidebar .nav-section-items a.is-locked{
  position:relative;
  opacity:.72;
  cursor:not-allowed;
}
.premium-sidebar .nav-section-items a.is-locked:not(.active):hover{
  transform:none;
  background:rgba(250,204,21,.08)!important;
}
.premium-sidebar .nav-section-items a.is-locked::after{
  content:"";
  display:block;
  width:19px;
  height:19px;
  min-width:19px;
  margin-left:auto;
  background:url('/static/icons8-bloquear-100.png') center/contain no-repeat;
  filter:drop-shadow(0 0 7px rgba(250,204,21,.55));
  opacity:1;
}
.premium-user-layout.is-collapsed .premium-sidebar .nav-section-items a.is-locked::after{
  position:absolute;
  right:2px;
  bottom:2px;
  width:14px;
  height:14px;
  min-width:14px;
}
.premium-sidebar .sidebar-system-card.is-locked>span,
.sidebar-system-card>span:has(+ div){
  overflow-wrap:anywhere;
}
body.app-shell :where(.team-modal,.lcc-modal-backdrop,.users-legal-modal){background-color:var(--mimatt-overlay);}
.download-error-detail{max-width:720px;color:var(--mimatt-muted);font-size:13px;font-weight:700;}

body.premium-user-shell .premium-main.workspace-main,
body.premium-user-shell .premium-user-layout.is-collapsed .premium-main.workspace-main{
  padding:calc(var(--app-topbar-h) + 6px) 8px 8px!important;
}

body.premium-user-shell .workspace-main .live-module-card{
  margin:0!important;
  padding:0!important;
}

body.premium-user-shell .workspace-main .live-module-frame{
  min-height:calc(100vh - var(--app-topbar-h) - 10px)!important;
}

body.workspace-embed-mode #workspaceSyncBar,
body.workspace-embed-mode .dashboard-hero,
body.workspace-embed-mode #marketNoticeStrip,
body.workspace-embed-mode #liveMarketStrip,
body.workspace-embed-mode #analysis-live > .section-chip,
body.workspace-embed-mode #analysis-live > h3,
body.workspace-embed-mode #analysis-live > .muted-copy{
  display:none!important;
}

body.workspace-embed-mode .workspace-root,
body.workspace-embed-mode .workspace-panels{
  padding:0!important;
  margin:0!important;
  gap:8px!important;
}

body.workspace-embed-mode #analysis-live{
  padding:8px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* MiMatt Users Center — shared Admin/Owner implementation */
.muc-page{display:grid;gap:16px;color:#f8fafc}.muc-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.muc-eyebrow{display:block;color:#3b82f6;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.muc-header h1{margin:5px 0 4px;font-size:30px;line-height:1.15}.muc-header p{margin:0;color:#94a3b8;font-size:13px}.muc-header-actions,.muc-detail-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.muc-btn,.muc-open{min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid rgba(148,163,184,.18);border-radius:9px;background:#0b1727;color:#eaf2ff;font:800 12px/1 inherit;text-decoration:none;cursor:pointer;transition:.18s ease}.muc-btn:hover:not(:disabled),.muc-open:hover{border-color:#3b82f6;background:rgba(59,130,246,.14);transform:translateY(-1px)}.muc-btn.is-primary{border-color:#2563eb;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.muc-btn.is-danger{border-color:rgba(239,68,68,.42);color:#f87171}.muc-btn:disabled{opacity:.55;cursor:not-allowed}.muc-kpis{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:10px}.muc-stat{min-height:104px;display:flex;align-items:center;gap:13px;padding:16px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:linear-gradient(145deg,#101827,#0b1727);box-shadow:0 12px 28px rgba(0,0,0,.16);transition:.18s ease}.muc-stat:hover{transform:translateY(-2px);border-color:rgba(59,130,246,.35)}.muc-stat .muc-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;font-size:20px;font-weight:900}.muc-stat.is-blue .muc-icon{color:#60a5fa;background:rgba(59,130,246,.18);box-shadow:0 0 22px rgba(59,130,246,.2)}.muc-stat.is-green .muc-icon{color:#4ade80;background:rgba(34,197,94,.17);box-shadow:0 0 22px rgba(34,197,94,.18)}.muc-stat.is-amber .muc-icon{color:#fbbf24;background:rgba(245,158,11,.17);box-shadow:0 0 22px rgba(245,158,11,.18)}.muc-stat.is-red .muc-icon{color:#f87171;background:rgba(239,68,68,.17);box-shadow:0 0 22px rgba(239,68,68,.18)}.muc-stat div{display:grid;gap:2px}.muc-stat small{color:#aebed2;font-size:11px}.muc-stat b{font-size:26px;line-height:1.05}.muc-stat em{color:#64748b;font-size:10px;font-style:normal}.muc-table-card{overflow:hidden;border:1px solid rgba(148,163,184,.16);border-radius:12px;background:#101827;box-shadow:0 18px 42px rgba(0,0,0,.2)}.muc-filters{display:grid;grid-template-columns:minmax(240px,1.6fr) repeat(3,minmax(150px,1fr)) auto;gap:10px;padding:14px;border-bottom:1px solid rgba(148,163,184,.12)}.muc-search{display:flex;align-items:center;gap:9px;padding:0 12px}.muc-search,.muc-filters select{min-height:38px;border:1px solid rgba(148,163,184,.16);border-radius:9px;background:#071321;color:#cbd5e1}.muc-search input{width:100%;border:0;outline:0;background:transparent;color:#f8fafc}.muc-filters select{padding:0 11px}.muc-table-wrap{overflow:auto}.muc-table{width:100%;border-collapse:collapse;font-size:12px}.muc-table th{padding:12px 14px;background:#0d1727;color:#8ea4bf;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.muc-table td{padding:12px 14px;border-top:1px solid rgba(148,163,184,.09);color:#d9e4f2;white-space:nowrap}.muc-table tbody tr:hover{background:rgba(59,130,246,.06)}.muc-person{display:flex;align-items:center;gap:10px}.muc-person>span,.muc-detail-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6);color:white;font-weight:900;box-shadow:0 0 20px rgba(59,130,246,.25)}.muc-person>span{width:32px;height:32px;font-size:11px}.muc-person div{display:grid}.muc-person small{color:#64748b;font-size:9px}.muc-plan,.muc-role,.muc-status{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;background:rgba(100,116,139,.15);font-size:10px;font-weight:800}.muc-role.is-owner{color:#fbbf24;background:rgba(214,168,79,.14)}.muc-role.is-admin{color:#60a5fa;background:rgba(59,130,246,.14)}.muc-status.is-active{color:#4ade80;background:rgba(34,197,94,.12)}.muc-status.is-pending{color:#fbbf24;background:rgba(245,158,11,.12)}.muc-status.is-suspended{color:#f87171;background:rgba(239,68,68,.12)}.muc-open{min-height:30px;color:#60a5fa}.muc-empty{text-align:center!important;color:#64748b!important}.muc-table-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-top:1px solid rgba(148,163,184,.12);color:#7f93ad;font-size:11px}.muc-pages{display:flex;gap:6px}.muc-pages button{width:30px;height:30px;border:1px solid rgba(148,163,184,.14);border-radius:8px;background:#071321;color:#94a3b8}.muc-pages button.active{border-color:#3b82f6;background:#2563eb;color:#fff}.muc-open{overflow:hidden}.muc-detail[hidden]{display:none}.muc-detail{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;padding:18px}.muc-detail-backdrop{position:absolute;inset:0;border:0;background:rgba(1,8,18,.82);backdrop-filter:blur(10px)}.muc-detail-panel{position:relative;width:min(1500px,calc(100vw - 34px));height:min(900px,calc(100vh - 34px));display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(96,165,250,.24);border-radius:16px;background:linear-gradient(145deg,#091727,#06111e);box-shadow:0 34px 100px rgba(0,0,0,.55)}.muc-detail-head{display:flex;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid rgba(148,163,184,.13)}.muc-detail-title{display:flex;align-items:center;gap:14px}.muc-detail-avatar{width:56px;height:56px;font-size:18px}.muc-detail-title h2{margin:4px 0;color:#fff;font-size:24px}.muc-detail-title p{margin:0;color:#94a3b8;font-size:11px}.muc-close{width:38px;height:38px;border:1px solid rgba(148,163,184,.18);border-radius:9px;background:#071321;color:#fff;font-size:22px}.muc-user-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:14px 24px}.muc-user-summary>div{display:grid;gap:5px;padding:12px;border:1px solid rgba(148,163,184,.12);border-radius:10px;background:#101827}.muc-user-summary span,.muc-kv span{color:#8094ad;font-size:10px}.muc-user-summary b{font-size:12px}.muc-tabs{display:flex;gap:4px;overflow:auto;padding:0 24px;border-bottom:1px solid rgba(148,163,184,.13)}.muc-tabs button{flex:0 0 auto;padding:13px 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:#94a3b8;font-size:11px;font-weight:800}.muc-tabs button.active{border-color:#3b82f6;color:#60a5fa}.muc-detail-body{overflow:auto;padding:20px 24px}.muc-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.muc-info{padding:17px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:#101827}.muc-info h3{margin:0 0 13px;color:#f8fafc;font-size:14px}.muc-info-content{display:grid;gap:0}.muc-kv,.muc-access{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:36px;border-bottom:1px solid rgba(148,163,184,.08)}.muc-kv b{max-width:65%;color:#e2e8f0;font-size:11px;text-align:right}.muc-access{color:#cbd5e1;font-size:11px}.muc-access .is-active{color:#4ade80}.muc-muted{color:#94a3b8;font-size:12px}.muc-timeline{display:flex;gap:11px;padding:8px 0}.muc-timeline i{width:9px;height:9px;margin-top:4px;border-radius:50%;background:#3b82f6;box-shadow:0 0 12px rgba(59,130,246,.5)}.muc-timeline div{display:grid}.muc-timeline span{color:#94a3b8;font-size:10px}.muc-loading,.muc-error{display:grid;place-items:center;min-height:240px;color:#94a3b8}.muc-error{color:#f87171}.muc-detail-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 24px;border-top:1px solid rgba(148,163,184,.13);background:#071321;color:#7f93ad;font-size:11px}.muc-detail-foot>div{display:flex;gap:8px}.muc-open{overflow:auto}
@media(max-width:1200px){.muc-kpis{grid-template-columns:repeat(3,1fr)}.muc-detail-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.muc-header,.muc-detail-head,.muc-detail-foot{align-items:stretch;flex-direction:column}.muc-kpis{grid-template-columns:1fr}.muc-filters{grid-template-columns:1fr}.muc-detail{padding:0}.muc-detail-panel{width:100vw;height:100vh;border-radius:0}.muc-user-summary{grid-template-columns:1fr 1fr;padding:12px}.muc-tabs{padding:0 12px}.muc-detail-body{padding:14px 12px}.muc-detail-grid{grid-template-columns:1fr}.muc-detail-actions{justify-content:flex-start}}

/* Users Center v2: exact Admin Operations visual language */
.muc-page{gap:18px}
.muc-header{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(560px,1.4fr);align-items:center;gap:28px;padding:20px 22px;border:1px solid rgba(148,163,184,.12);border-radius:16px;background:radial-gradient(circle at 80% 0,rgba(37,99,235,.09),transparent 36%),#07111f;box-shadow:0 18px 45px rgba(0,0,0,.18)}
.muc-header .muc-eyebrow{display:none}.muc-header h1{margin:0;font-size:30px;line-height:1.1}.muc-header p{margin:9px 0 0;color:#94a3b8;font-size:14px}.muc-header-actions{justify-content:flex-end}
.muc-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.muc-stat{min-height:104px;gap:14px;padding:17px;border-color:rgba(148,163,184,.12);border-radius:16px;background:linear-gradient(145deg,#111827,#0b1626);box-shadow:0 14px 34px rgba(0,0,0,.16)}
.muc-stat:hover{transform:translateY(-2px);border-color:rgba(59,130,246,.42)}
.muc-stat .muc-icon{position:relative;width:48px;height:48px;flex-basis:48px;border-radius:50%;font-size:0;color:#fff;box-shadow:0 0 24px currentColor}
.muc-stat .muc-icon:before{content:"";width:21px;height:21px;background:#fff;mask:center/contain no-repeat;-webkit-mask:center/contain no-repeat}
.muc-stat:nth-child(1) .muc-icon:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 20a6 6 0 0 1 12 0M16 5a3 3 0 0 1 0 6M17 14a5 5 0 0 1 4 5'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 20a6 6 0 0 1 12 0M16 5a3 3 0 0 1 0 6M17 14a5 5 0 0 1 4 5'/%3E%3C/g%3E%3C/svg%3E")}
.muc-stat:nth-child(2) .muc-icon:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 20a6 6 0 0 1 12 0m2-4 2 2 4-5'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 20a6 6 0 0 1 12 0m2-4 2 2 4-5'/%3E%3C/g%3E%3C/svg%3E")}
.muc-stat:nth-child(3) .muc-icon:before,.muc-stat:nth-child(6) .muc-icon:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l4 2'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l4 2'/%3E%3C/g%3E%3C/svg%3E")}
.muc-stat:nth-child(4) .muc-icon:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/g%3E%3C/svg%3E")}
.muc-stat:nth-child(5) .muc-icon:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M6 3h9l4 4v14H6zM14 3v5h5M9 13h6M9 17h4'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M6 3h9l4 4v14H6zM14 3v5h5M9 13h6M9 17h4'/%3E%3C/g%3E%3C/svg%3E")}
.muc-stat.is-blue .muc-icon{background:#2563eb;color:#2563eb}.muc-stat.is-green .muc-icon{background:#16a34a;color:#16a34a}.muc-stat.is-amber .muc-icon{background:#f59e0b;color:#f59e0b}.muc-stat.is-red .muc-icon{background:#dc3545;color:#dc3545}
.muc-stat small{color:#b4c0d1;font-size:11px}.muc-stat b{margin-top:5px;font-size:26px;line-height:1}.muc-stat em{margin-top:7px;color:#94a3b8;font-size:10px}.muc-stat.is-red em{color:#fb7185}.muc-stat.is-amber em{color:#fbbf24}
.muc-table-card{border-color:rgba(148,163,184,.12);border-radius:16px;background:linear-gradient(145deg,#111827,#0a1524);box-shadow:0 14px 34px rgba(0,0,0,.15)}
@media(max-width:1450px){.muc-header{grid-template-columns:1fr}.muc-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.muc-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.muc-header{padding:17px}.muc-header h1{font-size:25px}.muc-kpis{grid-template-columns:1fr}}

/* License Control Center v2 — Admin Operations visual system */
.lcc-shell{gap:18px}.lcc-hero{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(520px,1.15fr);align-items:center;gap:28px;padding:20px 22px;border-color:rgba(148,163,184,.12);border-radius:16px;background:radial-gradient(circle at 80% 0,rgba(37,99,235,.09),transparent 36%),#07111f;box-shadow:0 18px 45px rgba(0,0,0,.18)}.lcc-hero h1{font-size:30px;line-height:1.1}.lcc-hero p{margin-top:9px;color:#94a3b8}.lcc-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.lcc-shell[data-license-role=owner] .lcc-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.lcc-kpis article{min-height:104px;padding:17px;border-color:rgba(148,163,184,.12);border-radius:16px;background:linear-gradient(145deg,#111827,#0b1626);box-shadow:0 14px 34px rgba(0,0,0,.16);transition:.18s ease}.lcc-kpis article:hover{transform:translateY(-2px);border-color:rgba(59,130,246,.42)}.lcc-kpis article>span{width:48px;height:48px;border:0;border-radius:50%;box-shadow:0 0 24px currentColor}.lcc-kpis article>span svg,.lcc-detail-summary svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lcc-kpis small{color:#b4c0d1;font-size:11px}.lcc-kpis b{font-size:26px}.lcc-kpis em{font-size:10px}.lcc-kpis .is-blue>span{background:#2563eb;color:#fff}.lcc-kpis .is-green>span{background:#16a34a;color:#fff}.lcc-kpis .is-amber>span{background:#f59e0b;color:#fff}.lcc-kpis .is-purple>span{background:#7c3aed;color:#fff}.lcc-kpis .is-red>span{background:#dc3545;color:#fff}.lcc-panel,.lcc-view{border-color:rgba(148,163,184,.12);background:linear-gradient(145deg,#111827,#0a1524);box-shadow:0 14px 34px rgba(0,0,0,.15)}.lcc-empty-state{display:grid;place-items:center;min-height:180px;color:#94a3b8}
.lcc-detail-modal{display:grid;place-items:center;padding:18px}.lcc-detail-modal .lcc-drawer-backdrop{background:rgba(1,8,18,.82);backdrop-filter:blur(12px)}.lcc-detail-modal .lcc-drawer-panel{position:relative;width:min(1540px,calc(100vw - 36px));height:min(920px,calc(100vh - 36px));display:grid;grid-template-columns:250px minmax(0,1fr);grid-template-rows:1fr;border:1px solid rgba(96,165,250,.22);border-radius:16px;background:linear-gradient(145deg,#091727,#06111e);box-shadow:0 36px 110px rgba(0,0,0,.6);overflow:hidden}.lcc-detail-identity{min-width:0;padding:26px 20px;border-right:1px solid rgba(148,163,184,.13);background:rgba(6,18,33,.94);overflow:auto}.lcc-identity-avatar{width:58px;height:58px;display:grid;place-items:center;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:18px;font-weight:900;box-shadow:0 0 28px rgba(59,130,246,.34)}.lcc-detail-identity h3{margin:0;text-align:center;font-size:16px}.lcc-detail-identity>p{margin:6px 0 22px;color:#94a3b8;font-size:11px;text-align:center;overflow-wrap:anywhere}.lcc-detail-identity dl{display:grid;gap:0;margin:0}.lcc-detail-identity dl div{padding:10px 0;border-bottom:1px solid rgba(148,163,184,.09)}.lcc-detail-identity dt{color:#71849d;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.lcc-detail-identity dd{margin:5px 0 0;color:#e2e8f0;font-size:11px;font-weight:800;overflow-wrap:anywhere}.lcc-detail-identity>a{min-height:36px;display:flex;align-items:center;justify-content:center;margin-top:20px;border:1px solid #1d4f91;border-radius:8px;color:#60a5fa;font-size:11px;text-decoration:none}.lcc-detail-main{min-width:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;overflow:hidden}.lcc-detail-main>header{display:flex;align-items:flex-start;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(148,163,184,.12);background:rgba(10,22,38,.72)}.lcc-detail-main>header h2{margin:4px 0 0;font-size:23px}.lcc-detail-main>header p{margin:5px 0 0;color:#94a3b8;font-size:11px}.lcc-detail-main>header button{width:36px;height:36px;border:1px solid rgba(148,163,184,.18);border-radius:9px;background:#071321;color:#fff;font-size:20px}.lcc-detail-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:12px 16px}.lcc-detail-summary article{min-width:0;display:flex;align-items:center;gap:9px;padding:11px;border:1px solid rgba(148,163,184,.11);border-radius:10px;background:#101827}.lcc-detail-summary article>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:rgba(59,130,246,.14);color:#60a5fa;box-shadow:0 0 18px rgba(59,130,246,.15)}.lcc-detail-summary small,.lcc-detail-summary b{display:block}.lcc-detail-summary small{color:#7f93ad;font-size:9px}.lcc-detail-summary b{margin-top:4px;color:#e2e8f0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lcc-detail-tabs{display:flex;gap:3px;overflow:auto;padding:0 16px;border-bottom:1px solid rgba(148,163,184,.13)}.lcc-detail-tabs button{flex:0 0 auto;padding:12px 13px;border:0;border-bottom:2px solid transparent;background:transparent;color:#94a3b8;font-size:10px;font-weight:850}.lcc-detail-tabs button.active{border-color:#3b82f6;color:#60a5fa}.lcc-detail-modal .lcc-drawer-body{display:block;padding:15px 16px;overflow:auto}.lcc-detail-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.lcc-detail-content .lcc-inspector-section{min-width:0;background:#101827;border-color:rgba(148,163,184,.13)}.lcc-detail-content .lcc-inspector-section.is-wide{grid-column:1/-1}.lcc-detail-content .lcc-inspector-section dl{grid-template-columns:1fr}.lcc-modal-actions,.lcc-advanced-actions{display:grid;gap:8px}.lcc-modal-actions button,.lcc-advanced-actions button{min-height:36px;border:1px solid #1d4f91;border-radius:8px;background:#071321;color:#60a5fa;font-size:10px;font-weight:850}.lcc-modal-actions button.danger,.lcc-advanced-actions button.danger{border-color:rgba(239,68,68,.45);color:#f87171}.lcc-device-list{display:grid;gap:8px}.lcc-device-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:11px;border:1px solid rgba(148,163,184,.1);border-radius:9px;background:#071321}.lcc-device-list small,.lcc-device-list time{color:#94a3b8;font-size:10px}.lcc-detail-main>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid rgba(148,163,184,.13);background:#071321}.lcc-detail-main>footer>button,.lcc-detail-main>footer #lccInspectorActions button{min-height:36px;padding:0 16px;border:1px solid rgba(148,163,184,.2);border-radius:8px;background:#0b1727;color:#e2e8f0;font-size:11px;font-weight:850}.lcc-detail-main>footer #lccInspectorActions button{border-color:#2563eb;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.lcc-detail-modal .lcc-drawer-panel>header,.lcc-detail-modal .lcc-drawer-panel>footer{display:none}
@media(max-width:1200px){.lcc-hero{grid-template-columns:1fr}.lcc-kpis,.lcc-shell[data-license-role=owner] .lcc-kpis{grid-template-columns:repeat(3,1fr)}.lcc-detail-summary{grid-template-columns:repeat(3,1fr)}.lcc-detail-content{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.lcc-kpis,.lcc-shell[data-license-role=owner] .lcc-kpis{grid-template-columns:1fr}.lcc-detail-modal{padding:0}.lcc-detail-modal .lcc-drawer-panel{width:100vw;height:100vh;grid-template-columns:1fr;border-radius:0}.lcc-detail-identity{display:none}.lcc-detail-summary{grid-template-columns:1fr 1fr}.lcc-detail-content{grid-template-columns:1fr}.lcc-detail-content .lcc-inspector-section.is-wide{grid-column:auto}}
body.app-shell :where(svg:not([fill])){color:currentColor;}
body.app-shell :where(.team-modal-close,.lcc-modal-card header button,.subs-drawer-panel header button){background:var(--mimatt-surface-2)!important;border-color:var(--mimatt-border)!important;color:var(--mimatt-text)!important;}
body.app-shell :where(.subs-kpis button,.owner-exec-quick-grid a,.owner-exec-actions a){background:var(--mimatt-surface)!important;border-color:var(--mimatt-border)!important;color:var(--mimatt-text)!important;box-shadow:var(--mimatt-shadow-sm);}
body.app-shell :where(.subs-email-preview){background:var(--mimatt-surface-2)!important;color:var(--mimatt-text)!important;border-color:var(--mimatt-border)!important;}

/* Owner Plan Builder */
.plan-builder{display:grid;gap:18px;color:var(--mimatt-text);}
.plan-builder-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:8px 4px;}
.plan-builder-head h1{margin:4px 0 6px;font-size:32px}.plan-builder-head p,.plan-builder-card>header p{margin:0;color:var(--mimatt-muted)}
.plan-builder-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.plan-builder-kpis article{padding:18px;border:1px solid var(--mimatt-border);border-radius:var(--mimatt-radius);background:var(--mimatt-surface);box-shadow:var(--mimatt-shadow-sm)}.plan-builder-kpis small,.plan-builder-kpis b{display:block}.plan-builder-kpis b{margin-top:8px;font-size:28px}
.plan-builder-card{border:1px solid var(--mimatt-border);border-radius:var(--mimatt-radius);background:var(--mimatt-surface);overflow:hidden}.plan-builder-card>header,.plan-builder-card>footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border-bottom:1px solid var(--mimatt-border)}.plan-builder-card>header h2{margin:0 0 5px}.plan-builder-card>footer{border-top:1px solid var(--mimatt-border);border-bottom:0;color:var(--mimatt-muted)}
.plan-table-wrap{overflow:auto}.plan-table{width:100%;min-width:1280px;border-collapse:collapse}.plan-table th,.plan-table td{padding:13px 12px;text-align:left;border-top:1px solid var(--mimatt-border);font-size:12px}.plan-table th{border-top:0;background:var(--mimatt-surface-2);color:var(--mimatt-muted);text-transform:uppercase;font-size:10px}.plan-table code{color:var(--mimatt-muted)}.plan-table tr[draggable=true]{cursor:grab}.plan-table tr.is-dragging{opacity:.45}.plan-category,.plan-status{display:inline-flex;padding:5px 8px;border-radius:7px;background:var(--mimatt-surface-3);font-weight:850}.plan-status.is-active{color:var(--mimatt-success)}.plan-status.is-draft{color:var(--mimatt-warning)}.plan-status.is-inactive,.plan-status.is-archived{color:var(--mimatt-muted)}
.plan-modal[hidden]{display:none!important}.plan-modal{position:fixed;inset:0;z-index:13000;display:grid;place-items:center;padding:22px}.plan-modal-backdrop{position:absolute;inset:0;background:var(--mimatt-overlay);backdrop-filter:blur(8px)}.plan-modal-card{position:relative;width:min(980px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;border:1px solid var(--mimatt-border);border-radius:16px;background:var(--mimatt-surface);box-shadow:var(--mimatt-shadow-lg)}.plan-modal-card>header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;padding:20px 22px;border-bottom:1px solid var(--mimatt-border);background:var(--mimatt-surface)}.plan-modal-card>header h2{margin:5px 0 0}.plan-modal-card>header button{width:36px;height:36px;border:1px solid var(--mimatt-border);border-radius:9px;background:var(--mimatt-surface-2);color:var(--mimatt-text);cursor:pointer}
.plan-modal-card form{padding:0 22px 20px}.plan-modal-tabs{position:sticky;top:77px;z-index:2;display:flex;gap:6px;padding:12px 0;border-bottom:1px solid var(--mimatt-border);background:var(--mimatt-surface)}.plan-modal-tabs button{padding:10px 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--mimatt-muted);font-weight:850;cursor:pointer}.plan-modal-tabs button.active{border-color:var(--mimatt-accent-2);color:var(--mimatt-text)}.plan-tab{display:none;padding:18px 0}.plan-tab.active{display:block}.plan-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.plan-form-grid label,.plan-tab>label{display:grid;gap:7px;color:var(--mimatt-muted);font-size:12px;font-weight:850}.plan-form-grid .wide{grid-column:1/-1}.plan-form-grid .check{display:flex;align-items:center}.plan-form-grid input,.plan-form-grid select,.plan-form-grid textarea,.plan-tab>label input,.plan-tab>label textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--mimatt-border);border-radius:9px;background:var(--mimatt-input);color:var(--mimatt-text)}.plan-form-grid textarea{min-height:82px;resize:vertical}.plan-form-grid input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--mimatt-accent)}
.plan-switch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.plan-switch-grid label{display:flex;align-items:center;justify-content:space-between;padding:14px;border:1px solid var(--mimatt-border);border-radius:10px;background:var(--mimatt-surface-2);font-weight:850}.plan-switch-grid input{accent-color:var(--mimatt-accent)}.plan-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid var(--mimatt-border)}.plan-danger-btn{padding:10px 16px;border:1px solid var(--mimatt-danger);border-radius:9px;background:transparent;color:var(--mimatt-danger);font-weight:850;cursor:pointer}.plan-form-status{min-height:20px;margin:10px 0 0;color:var(--mimatt-warning)}
@media(max-width:900px){.plan-builder-head{align-items:stretch;flex-direction:column}.plan-builder-kpis,.plan-switch-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.plan-builder-kpis,.plan-switch-grid,.plan-form-grid{grid-template-columns:1fr}.plan-form-grid .wide{grid-column:auto}.plan-modal-actions{align-items:stretch;flex-direction:column}.plan-modal-tabs{overflow:auto}}

/* Academy Builder and Course Player */
.academy-builder,.academy-monitor,.my-academy,.academy-player{display:grid;gap:18px;color:var(--mimatt-text)}.academy-builder-head,.academy-player>header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.academy-builder-head h1,.my-academy h1,.academy-player h1,.academy-monitor h1{margin:5px 0 6px}.academy-builder-head p,.my-academy header p,.academy-monitor header p{margin:0;color:var(--mimatt-muted)}
.academy-builder-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.academy-builder-stats article{padding:17px;border:1px solid var(--mimatt-border);border-radius:12px;background:var(--mimatt-surface);box-shadow:var(--mimatt-shadow-sm)}.academy-builder-stats small,.academy-builder-stats b{display:block}.academy-builder-stats b{margin-top:7px;font-size:27px}.academy-management-nav{display:flex;gap:8px;overflow:auto;padding:10px;border:1px solid var(--mimatt-border);border-radius:12px;background:var(--mimatt-surface)}.academy-management-nav a,.academy-management-nav span{white-space:nowrap;padding:9px 12px;border-radius:8px;color:var(--mimatt-muted);text-decoration:none;font-weight:800}.academy-management-nav .active{background:var(--mimatt-selected);color:var(--mimatt-text)}.academy-management-nav b{margin-left:5px;color:var(--mimatt-warning);font-size:9px}
.academy-course-list{display:grid;gap:11px}.academy-course-row{display:grid;grid-template-columns:92px minmax(0,1fr) 150px auto;align-items:center;gap:16px;padding:14px;border:1px solid var(--mimatt-border);border-radius:12px;background:var(--mimatt-surface)}.academy-course-row h2{margin:5px 0}.academy-course-row p{margin:0 0 6px;color:var(--mimatt-muted)}.academy-course-row small{color:var(--mimatt-muted)}.academy-course-thumb,.my-course-cover{display:grid;place-items:center;min-height:76px;border-radius:10px;background:var(--mimatt-surface-3);color:var(--mimatt-accent);font-weight:1000}.academy-course-thumb img{width:100%;height:76px;object-fit:cover;border-radius:10px}.academy-course-access{display:grid;gap:5px}
.academy-empty{padding:32px;border:1px dashed var(--mimatt-border);border-radius:12px;background:var(--mimatt-surface);text-align:center}.academy-modal[hidden],.academy-mini-modal[hidden]{display:none!important}.academy-modal,.academy-mini-modal{position:fixed;inset:0;z-index:14000;display:grid;place-items:center;padding:18px}.academy-modal-backdrop,.academy-mini-modal{background:var(--mimatt-overlay);backdrop-filter:blur(8px)}.academy-modal-card{position:relative;width:min(1050px,calc(100vw - 30px));max-height:calc(100vh - 30px);overflow:auto;border:1px solid var(--mimatt-border);border-radius:15px;background:var(--mimatt-surface);box-shadow:var(--mimatt-shadow-lg)}.academy-modal-card>header{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--mimatt-border);background:var(--mimatt-surface)}.academy-modal-card>header h2{margin:4px 0}.academy-modal-card>header button{width:36px;height:36px;border:1px solid var(--mimatt-border);border-radius:8px;background:var(--mimatt-surface-2);color:var(--mimatt-text)}.academy-modal-card form{padding:0 22px 20px}.academy-tabs{position:sticky;top:74px;z-index:2;display:flex;gap:8px;padding:10px 0;border-bottom:1px solid var(--mimatt-border);background:var(--mimatt-surface)}.academy-tabs button{padding:10px 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--mimatt-muted);font-weight:850}.academy-tabs button.active{border-color:var(--mimatt-accent-2);color:var(--mimatt-text)}.academy-tab{display:none;padding:18px 0}.academy-tab.active{display:block}.academy-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.academy-form-grid label,.academy-mini-modal label{display:grid;gap:6px;color:var(--mimatt-muted);font-size:12px;font-weight:850}.academy-form-grid .wide{grid-column:1/-1}.academy-form-grid .check{display:flex;align-items:center}.academy-form-grid input,.academy-form-grid select,.academy-form-grid textarea,.academy-mini-modal input,.academy-mini-modal select,.academy-mini-modal textarea{min-height:42px;padding:9px 11px;border:1px solid var(--mimatt-border);border-radius:8px;background:var(--mimatt-input);color:var(--mimatt-text)}.academy-form-grid textarea{min-height:80px}.academy-plan-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:13px;border:1px solid var(--mimatt-border);border-radius:10px}.academy-plan-picker label{display:flex}.academy-modal-card form>footer,.academy-mini-modal footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding-top:14px;border-top:1px solid var(--mimatt-border)}.academy-modal-card form>footer span{margin-right:auto;color:var(--mimatt-warning)}.academy-structure{display:grid;gap:10px;margin-bottom:12px}.academy-structure>article{padding:13px;border:1px solid var(--mimatt-border);border-radius:10px;background:var(--mimatt-surface-2)}.academy-structure article>header{display:flex;justify-content:space-between}.academy-structure small{display:block;color:var(--mimatt-muted)}.academy-lesson-line{display:flex;justify-content:space-between;padding:9px 2px;border-top:1px solid var(--mimatt-border)}.academy-mini-modal>section{width:min(520px,calc(100vw - 30px));display:grid;gap:12px;padding:20px;border:1px solid var(--mimatt-border);border-radius:13px;background:var(--mimatt-surface)}.academy-mini-modal form{display:grid;gap:11px}
.my-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.my-course-card{overflow:hidden;border:1px solid var(--mimatt-border);border-radius:13px;background:var(--mimatt-surface);box-shadow:var(--mimatt-shadow-sm)}.my-course-card>img,.my-course-cover{width:100%;height:155px;object-fit:cover;border-radius:0}.my-course-card>div:last-child{padding:16px}.my-course-card h2{margin:7px 0}.my-course-card p{min-height:40px;color:var(--mimatt-muted)}.my-course-card footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.my-course-card.is-locked{opacity:.68}.academy-progress{height:7px;border-radius:99px;background:var(--mimatt-surface-3);overflow:hidden}.academy-progress i{display:block;height:100%;background:var(--mimatt-accent-2)}.locked-course-section{display:grid;gap:12px;margin-top:16px}
.academy-player>header{padding:12px 4px}.academy-player>header>a{color:var(--mimatt-accent-2)}.academy-player-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:15px}.academy-content-stage,.academy-outline{border:1px solid var(--mimatt-border);border-radius:13px;background:var(--mimatt-surface)}.academy-content-stage{min-height:620px;padding:24px}.academy-content-stage>video,.academy-content-stage>iframe{width:100%;min-height:410px;margin:16px 0;border:0;border-radius:10px;background:#000}.academy-lesson-content{margin:18px 0;line-height:1.65}.academy-content-stage>footer{display:flex;align-items:center;gap:12px;margin-top:20px}.academy-content-stage>footer span{color:var(--mimatt-warning)}.academy-resources{display:flex;gap:8px;flex-wrap:wrap}.academy-resources a{color:var(--mimatt-accent-2)}.academy-outline{max-height:720px;overflow:auto;padding:13px}.academy-outline section{display:grid;gap:6px}.academy-outline h3{margin:9px 5px}.academy-outline a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:9px;color:var(--mimatt-text);text-decoration:none}.academy-outline a:hover,.academy-outline a.active{background:var(--mimatt-hover)}.academy-outline a.is-locked{opacity:.45;cursor:not-allowed}.academy-outline a.is-complete span{background:var(--mimatt-success)}.academy-outline a>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--mimatt-surface-3);font-size:10px}.academy-outline a small{display:block;color:var(--mimatt-muted)}
.progress-detail-body{display:grid;gap:10px;padding:20px}.progress-detail-body>article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--mimatt-border);border-radius:9px;background:var(--mimatt-surface-2)}.progress-detail-body small{display:block;margin-top:4px;color:var(--mimatt-muted)}.progress-detail-actions{display:flex;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid var(--mimatt-border)}.progress-detail-actions span{color:var(--mimatt-warning)}
@media(max-width:1000px){.academy-player-layout{grid-template-columns:1fr}.academy-outline{max-height:none}.my-course-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.academy-builder-head,.academy-player>header{align-items:stretch;flex-direction:column}.academy-builder-stats,.my-course-grid,.academy-form-grid{grid-template-columns:1fr}.academy-course-row{grid-template-columns:70px 1fr}.academy-course-access,.academy-course-row>button{grid-column:2}.academy-plan-picker{grid-template-columns:1fr}.academy-content-stage{padding:15px}.academy-content-stage>video,.academy-content-stage>iframe{min-height:240px}}

/* Interactive License KPI cards */
/* User Details v2 */
.muc-user-summary{grid-template-columns:repeat(6,1fr)}
.muc-module-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.muc-detail-grid:has(.muc-profile-layout),.muc-detail-grid:has(.muc-access-layout),.muc-detail-grid:has(.muc-licenses-layout),.muc-detail-grid:has(.muc-owner-warning){display:block}
.muc-detail-panel{width:clamp(1050px,70vw,1400px);height:min(80vh,850px);grid-template-rows:auto auto auto minmax(0,1fr) auto}.muc-detail-head{padding:16px 20px}.muc-detail-title h2{font-size:21px}.muc-detail-avatar{width:52px;height:52px}.muc-user-summary{grid-template-columns:repeat(5,1fr);padding:10px 20px}.muc-user-summary>div{padding:10px}.muc-detail-body{padding:15px 18px}.muc-profile-layout{display:grid;grid-template-columns:185px minmax(0,1fr) 300px;gap:14px}.muc-profile-layout>.muc-info,.muc-profile-side>.muc-info{height:100%}.muc-profile-side{display:grid;gap:12px}.muc-inner-nav{display:grid;align-content:start;gap:5px;padding:12px;border:1px solid rgba(148,163,184,.13);border-radius:12px;background:#101827}.muc-inner-nav h3{margin:3px 6px 12px;font-size:13px}.muc-inner-nav button{min-height:38px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#94a3b8;text-align:left;font-size:10px}.muc-inner-nav button.active{background:linear-gradient(90deg,rgba(37,99,235,.28),rgba(37,99,235,.08));color:#60a5fa}.muc-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.muc-quick-actions button,.muc-quick-actions a,.muc-license-actions button,.muc-license-actions a{min-height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #1d4f91;border-radius:8px;background:#071321;color:#60a5fa;font-size:10px;text-decoration:none}.muc-access-layout{display:grid;grid-template-columns:215px minmax(0,1fr) 260px;gap:14px}.muc-modules{display:grid;grid-template-columns:1fr 1fr;gap:8px}.muc-module{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) 42px;align-items:center;gap:9px;min-height:56px;padding:8px 10px;border:1px solid rgba(148,163,184,.1);border-radius:10px;background:#071321}.muc-module-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:rgba(59,130,246,.16);color:#60a5fa;font-size:10px}.muc-module b,.muc-module small{display:block}.muc-module b{font-size:10px}.muc-module small{margin-top:3px;color:#7f93ad;font-size:9px}.muc-module input{position:absolute;opacity:0}.muc-module i{width:34px;height:18px;border-radius:99px;background:#22c55e}.muc-module i:after{content:"";display:block;width:14px;height:14px;margin:2px 0 0 18px;border-radius:50%;background:#fff}.muc-module input:not(:checked)+i{background:#334155}.muc-module input:not(:checked)+i:after{margin-left:2px}.muc-access-score{height:115px;display:grid;place-items:center;align-content:center;margin-bottom:10px;border-radius:10px;background:radial-gradient(circle at center bottom,rgba(34,197,94,.25),transparent 58%)}.muc-access-score strong{font-size:24px}.muc-access-score span{color:#94a3b8;font-size:9px}.muc-access-ok{margin-top:12px;padding:12px;border:1px solid rgba(34,197,94,.2);border-radius:9px;background:rgba(34,197,94,.1);color:#4ade80;font-size:10px}.muc-licenses-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.72fr) minmax(220px,.62fr);gap:14px}.muc-license-row{display:grid;grid-template-columns:minmax(130px,1.2fr) minmax(150px,1.3fr) 90px 100px 70px;align-items:center;gap:10px;padding:12px;border:1px solid rgba(148,163,184,.1);border-radius:9px;background:#071321}.muc-license-row small{display:block;color:#7f93ad;font-size:9px}.muc-license-row code{color:#cbd5e1;font-size:10px}.muc-state{color:#4ade80}.muc-license-actions{display:grid;gap:8px}.muc-owner-warning{padding:22px;border:1px solid rgba(239,68,68,.28);border-radius:12px;background:linear-gradient(145deg,rgba(127,29,29,.2),#101827)}.muc-owner-warning h3{margin:0;color:#f87171}.muc-owner-warning p{color:#94a3b8}.muc-owner-warning>div{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.muc-owner-warning button{min-height:42px;border:1px solid #1d4f91;border-radius:8px;background:#071321;color:#60a5fa}.muc-owner-warning button.danger{border-color:#ef4444;color:#f87171}.muc-detail-foot>div{display:flex;gap:8px;align-items:center}
@media(max-width:1190px){.muc-detail-panel{width:calc(100vw - 36px)}.muc-profile-layout,.muc-access-layout{grid-template-columns:180px minmax(0,1fr)}.muc-profile-side,.muc-access-layout>.muc-info:last-child{grid-column:2}.muc-licenses-layout{grid-template-columns:1fr 1fr}.muc-licenses-layout>.muc-info:first-child{grid-column:1/-1}}@media(max-width:760px){.muc-detail-panel{width:calc(100vw - 20px);height:calc(100vh - 20px)}.muc-profile-layout,.muc-access-layout,.muc-licenses-layout{grid-template-columns:1fr}.muc-profile-side,.muc-access-layout>.muc-info:last-child,.muc-licenses-layout>.muc-info:first-child{grid-column:auto}.muc-inner-nav{display:none}.muc-modules{grid-template-columns:1fr}}
.muc-user-summary{grid-template-columns:repeat(6,minmax(0,1fr))}
.lcc-detail-content:has(.lcc-devices-layout){display:block}.lcc-devices-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:14px}.lcc-devices-main{display:grid;gap:14px;min-width:0}.lcc-authorized-devices{min-height:300px}.lcc-device-table-wrap{overflow:auto;border:1px solid rgba(148,163,184,.1);border-radius:10px;background:#071321}.lcc-device-table-wrap table{width:100%;min-width:800px;border-collapse:collapse}.lcc-device-table-wrap th{height:42px;padding:0 12px;background:#0b1727;color:#8fa3bc;font-size:9px;text-align:left;text-transform:uppercase;letter-spacing:.05em}.lcc-device-table-wrap td{padding:11px 12px;border-top:1px solid rgba(148,163,184,.08);color:#dbe5f3;font-size:10px}.lcc-device-empty{min-height:210px;display:grid;place-items:center;align-content:center;gap:10px;color:#94a3b8;text-align:center}.lcc-device-empty svg{width:54px;height:54px;fill:none;stroke:#71849d;stroke-width:1.5}.lcc-device-empty b{color:#aebed2;font-size:12px}.lcc-device-empty span{font-size:11px}.lcc-icon-action{width:28px;height:28px;border:1px solid rgba(239,68,68,.28);border-radius:7px;background:transparent;color:#f87171}.lcc-device-actions{padding:17px;border:1px solid rgba(148,163,184,.13);border-radius:12px;background:#101827}.lcc-device-actions h3{margin:0 0 18px;font-size:14px}.lcc-device-actions button{width:100%;min-height:42px;margin-bottom:12px;border:1px solid #1d4f91;border-radius:8px;background:#071321;color:#60a5fa;font-size:11px;font-weight:850}.lcc-device-actions button:first-of-type{border-color:rgba(34,197,94,.45);color:#34d399}.lcc-device-actions button.danger{border-color:rgba(239,68,68,.45);color:#f87171}.lcc-device-actions button:disabled{opacity:.42;cursor:not-allowed}.lcc-session-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.lcc-session-metrics article{min-width:0;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(148,163,184,.1);border-radius:10px;background:#0b1727}.lcc-session-metrics article>span{width:34px;height:34px;flex:0 0 auto;border-radius:50%;background:rgba(59,130,246,.13);box-shadow:0 0 16px rgba(59,130,246,.12)}.lcc-session-metrics small,.lcc-session-metrics b,.lcc-session-metrics em{display:block}.lcc-session-metrics small{color:#8fa3bc;font-size:9px}.lcc-session-metrics b{margin-top:4px;color:#f8fafc;font-size:13px}.lcc-session-metrics em{margin-top:4px;color:#ef4444;font-size:9px;font-style:normal}
@media(max-width:1050px){.lcc-devices-layout{grid-template-columns:1fr}.lcc-device-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.lcc-device-actions h3{grid-column:1/-1}.lcc-device-actions button{margin:0}.lcc-session-metrics{grid-template-columns:repeat(2,1fr)}}
body.lcc-modal-open{overflow:hidden}.lcc-detail-modal{padding:clamp(24px,9vh,96px) clamp(24px,12vw,230px)}.lcc-detail-modal .lcc-drawer-panel{width:clamp(1100px,74vw,1400px);height:min(82vh,850px);grid-template-columns:230px minmax(0,1fr)}
@media(max-width:1199px){.lcc-detail-modal{padding:18px}.lcc-detail-modal .lcc-drawer-panel{width:calc(100vw - 36px);height:calc(100vh - 36px);grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:760px){.lcc-detail-modal{padding:10px}.lcc-detail-modal .lcc-drawer-panel{width:calc(100vw - 20px);height:calc(100vh - 20px);grid-template-columns:1fr;border-radius:14px}}
.lcc-kpis>button{min-height:104px;display:flex;align-items:center;gap:14px;padding:17px;border:1px solid rgba(148,163,184,.12);border-radius:16px;background:linear-gradient(145deg,#111827,#0b1626);box-shadow:0 14px 34px rgba(0,0,0,.16);color:#f8fafc;text-align:left;cursor:pointer;transition:.18s ease}.lcc-kpis>button:hover,.lcc-kpis>button:focus-visible{transform:translateY(-2px);border-color:rgba(59,130,246,.52);outline:none}.lcc-kpis>button>span{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;box-shadow:0 0 24px currentColor}.lcc-kpis>button>span svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lcc-kpis>button div{min-width:0}.lcc-kpis>button small,.lcc-kpis>button b,.lcc-kpis>button em{display:block}.lcc-kpis>button small{color:#b4c0d1;font-size:11px}.lcc-kpis>button b{margin-top:5px;color:#fff;font-size:26px;line-height:1}.lcc-kpis>button em{margin-top:7px;color:#94a3b8;font-size:10px;font-style:normal}.lcc-kpis>button.is-blue>span{background:#2563eb;color:#fff}.lcc-kpis>button.is-green>span{background:#16a34a;color:#fff}.lcc-kpis>button.is-amber>span{background:#f59e0b;color:#fff}.lcc-kpis>button.is-purple>span{background:#7c3aed;color:#fff}.lcc-kpis>button.is-red>span{background:#dc3545;color:#fff}

/* User Details Profile — approved visual composition */
body.muc-open{overflow:hidden}.muc-detail{padding:clamp(22px,8vh,72px)}.muc-detail-panel{width:clamp(1050px,75vw,1400px);height:min(82vh,850px);grid-template-rows:auto auto auto minmax(0,1fr) auto;border-color:rgba(59,130,246,.42);border-radius:14px;background:linear-gradient(145deg,#071524,#06111e)}
.muc-detail-head{display:block;padding:14px 20px 12px}.muc-detail-topline{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(148,163,184,.11)}.muc-detail-topline>div{display:flex;align-items:center;gap:10px}.muc-detail-topline h2{margin:0;color:#f8fafc;font-size:17px}.muc-user-id{padding:3px 8px;border-radius:999px;background:#142238;color:#b7c4d7;font-size:9px}.muc-detail-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 12px 2px}.muc-detail-identity{display:flex;align-items:center;gap:18px}.muc-detail-avatar{position:relative;width:64px;height:64px;background:linear-gradient(145deg,#2563eb,#6d28d9);font-size:22px;box-shadow:0 0 28px rgba(59,130,246,.28)}.muc-detail-avatar:after{content:"";position:absolute;right:1px;bottom:2px;width:12px;height:12px;border:3px solid #0a1727;border-radius:50%;background:#34d399}.muc-detail-identity h3{margin:0;color:#fff;font-size:17px}.muc-detail-identity p{margin:6px 0;color:#aebed2;font-size:10px}.muc-detail-identity small{color:#8093ab;font-size:9px}.muc-detail-badges{display:grid;grid-template-columns:auto auto;align-items:end;gap:12px 22px}.muc-detail-badges>div{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.muc-detail-badges span{padding:5px 12px;border-radius:999px;font-size:9px;font-weight:800}.muc-detail-badges .is-active{color:#34d399;background:rgba(16,185,129,.13)}.muc-detail-badges .is-plan{color:#c4a7ff;background:rgba(124,58,237,.17)}.muc-detail-badges .is-role{color:#fbbf24;background:rgba(245,158,11,.14)}.muc-detail-badges small{display:grid;color:#7f93ad;font-size:8px}.muc-detail-badges b{margin-top:3px;color:#34d399;font-size:10px}
.muc-user-summary{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:10px 18px 14px}.muc-summary-card{min-width:0;display:flex;align-items:center;gap:10px;min-height:76px;padding:11px;border:1px solid rgba(148,163,184,.13);border-radius:9px;background:#0d1a2c;box-shadow:0 9px 22px rgba(0,0,0,.14)}.muc-summary-icon{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%}.muc-summary-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.muc-summary-card small,.muc-summary-card b,.muc-summary-card em{display:block;overflow:hidden;text-overflow:ellipsis}.muc-summary-card small{color:#a7b4c7;font-size:8px}.muc-summary-card b{margin-top:4px;color:#f8fafc;font-size:13px;white-space:nowrap}.muc-summary-card em{margin-top:5px;color:#8da0b9;font-size:8px;font-style:normal;white-space:nowrap}.muc-summary-card.is-plan{border-color:rgba(59,130,246,.23);background:linear-gradient(135deg,rgba(30,64,175,.2),#0d1a2c)}.muc-summary-card.is-plan .muc-summary-icon,.muc-summary-card.is-bridge .muc-summary-icon{color:#60a5fa;background:rgba(37,99,235,.2);box-shadow:0 0 18px rgba(37,99,235,.18)}.muc-summary-card.is-license .muc-summary-icon{color:#34d399;background:rgba(16,185,129,.17);box-shadow:0 0 18px rgba(16,185,129,.16)}.muc-summary-card.is-devices .muc-summary-icon{color:#c084fc;background:rgba(126,34,206,.18)}.muc-summary-card.is-support .muc-summary-icon{color:#fbbf24;background:rgba(245,158,11,.15)}.muc-summary-card.is-risk .muc-summary-icon{color:#f87171;background:rgba(239,68,68,.15)}
.muc-tabs{min-height:43px;padding:0 18px;gap:2px;overflow-x:auto;scrollbar-width:none}.muc-tabs::-webkit-scrollbar{display:none}.muc-tabs button{padding:12px 11px;font-size:9px}.muc-detail-body{overflow-x:hidden;padding:14px 18px}.muc-profile-layout{grid-template-columns:182px minmax(0,1fr) 285px;gap:13px}.muc-inner-nav{padding:8px;background:#0c192a}.muc-inner-nav button{min-height:39px;font-size:9px}.muc-inner-nav button.active{background:linear-gradient(90deg,rgba(37,99,235,.34),rgba(37,99,235,.14));box-shadow:inset 2px 0 #3b82f6}.muc-info{background:#0d1a2c}.muc-personal-card{padding:12px}.muc-personal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:2px 2px 12px}.muc-personal-head h3{margin:0;font-size:13px}.muc-personal-head p{margin:5px 0 0;color:#8497b0;font-size:8px}.muc-personal-head button{min-height:30px;padding:0 16px;border:1px solid #1d4f91;border-radius:7px;background:#0a1727;color:#60a5fa;font-size:9px}.muc-personal-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.muc-personal-grid>div{overflow:hidden;border:1px solid rgba(148,163,184,.1);border-radius:8px}.muc-profile-field{min-height:35px;display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1.4fr) auto;align-items:center;gap:7px;padding:0 9px;border-bottom:1px solid rgba(148,163,184,.08)}.muc-profile-field:last-child{border-bottom:0}.muc-profile-field span{color:#91a3ba;font-size:8px}.muc-profile-field b{overflow:hidden;color:#e9f0f8;font-size:8px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.muc-profile-field em{padding:3px 5px;border-radius:4px;color:#34d399;background:rgba(16,185,129,.12);font-size:7px;font-style:normal}.muc-profile-field em.role{color:#fbbf24;background:rgba(245,158,11,.12)}.muc-profile-banner{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;margin-top:11px;padding:10px;border:1px solid rgba(124,58,237,.2);border-radius:8px;background:linear-gradient(90deg,rgba(76,29,149,.28),rgba(30,41,89,.3))}.muc-profile-banner>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(124,58,237,.35);color:#c4b5fd}.muc-profile-banner b,.muc-profile-banner small{display:block;font-size:8px}.muc-profile-banner b{color:#d8b4fe}.muc-profile-banner small{margin-top:3px;color:#a8b3c4}.muc-profile-banner mark{color:#fbbf24;background:transparent}.muc-profile-side{grid-template-rows:auto 1fr}.muc-profile-side .muc-info{padding:13px}.muc-profile-side .muc-info h3{font-size:12px}.muc-profile-side .muc-kv{min-height:29px}.muc-profile-side .muc-kv span,.muc-profile-side .muc-kv b{font-size:8px}.muc-quick-actions button,.muc-quick-actions a{min-height:34px;font-size:8px}.muc-quick-actions button:first-child{border-color:rgba(16,185,129,.4);color:#34d399}.muc-quick-actions a{border-color:rgba(124,58,237,.45);color:#c084fc}.muc-quick-actions button:last-child{border-color:rgba(239,68,68,.42);color:#f87171}.muc-detail-foot{min-height:54px;padding:10px 18px}.muc-detail-foot>[data-detail-feedback]{font-size:8px}
@media(max-width:1190px){.muc-detail{padding:18px}.muc-detail-panel{width:calc(100vw - 36px);height:calc(100vh - 36px)}.muc-profile-layout{grid-template-columns:170px minmax(0,1fr) 250px}.muc-summary-card{padding:8px}.muc-summary-icon{width:32px;height:32px}}@media(max-width:900px){.muc-profile-layout{grid-template-columns:1fr}.muc-inner-nav{display:none}.muc-profile-side{grid-template-columns:1fr 1fr}.muc-user-summary{grid-template-columns:repeat(3,1fr)}.muc-detail-badges{display:none}}

/* User Details — Licenses tab */
.muc-detail-grid:has(.muc-licenses-layout){display:block}.muc-licenses-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.78fr) minmax(235px,.7fr);gap:12px}.muc-licenses-layout>.muc-info{min-width:0;padding:13px}.muc-license-list{display:flex;flex-direction:column}.muc-license-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:2px 0 13px}.muc-license-list-head h3{margin:0;font-size:13px}.muc-license-list-head p{margin:5px 0 0;color:#8497af;font-size:8px}.muc-license-list-head button{min-height:31px;padding:0 12px;border:1px solid #1d4f91;border-radius:7px;background:#0a1727;color:#60a5fa;font-size:8px}.muc-license-columns,.muc-license-record{display:grid;grid-template-columns:minmax(105px,1.15fr) minmax(120px,1.3fr) 65px 82px 72px 75px;align-items:center;gap:8px}.muc-license-columns{padding:8px 10px;color:#8295ad;font-size:7px;text-transform:uppercase}.muc-license-record{min-height:58px;padding:8px 10px;border:1px solid rgba(148,163,184,.09);border-radius:8px;background:#0a1727}.muc-license-record.is-selected{border-color:rgba(59,130,246,.55);background:linear-gradient(90deg,rgba(30,64,175,.22),rgba(10,23,39,.9));box-shadow:inset 2px 0 #3b82f6}.muc-license-plan{display:flex;align-items:center;gap:8px;min-width:0}.muc-license-plan>span,.muc-license-detail-title>span{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;background:linear-gradient(145deg,#6d28d9,#4338ca);color:#fff;font-size:8px}.muc-license-plan b,.muc-license-plan small{display:block}.muc-license-plan b{overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.muc-license-plan small{margin-top:3px;color:#8497af;font-size:7px}.muc-license-record code{overflow:hidden;color:#dbe7f5;font:7px/1.5 Inter,sans-serif;text-overflow:ellipsis}.muc-license-record>strong{padding:4px 6px;border-radius:999px;color:#34d399;background:rgba(16,185,129,.13);font-size:7px;text-align:center}.muc-license-record>div{font-size:7px}.muc-license-record>div>small{display:block;margin-top:3px;color:#8497af}.muc-device-use b{display:block;font-size:7px}.muc-device-use i{display:block;width:34px;height:3px;margin-top:5px;border-radius:3px;background:#28364a}.muc-device-use i span{display:block;height:100%;border-radius:inherit;background:#34d399}.muc-license-record>a{min-height:25px;display:grid;place-items:center;border:1px solid rgba(148,163,184,.18);border-radius:6px;color:#d8e5f4;font-size:7px;text-decoration:none}.muc-license-list>footer{margin-top:auto;padding:14px 2px 1px;color:#8497af;font-size:8px}.muc-license-empty{padding:30px;color:#8497af;text-align:center;font-size:9px}.muc-license-detail>h3,.muc-license-action-panel>h3{margin:0 0 13px;font-size:12px}.muc-license-detail-title{display:flex;align-items:center;gap:9px;margin-bottom:12px}.muc-license-detail-title b{font-size:12px}.muc-license-detail-title em{margin-left:auto;color:#34d399;font-size:8px;font-style:normal}.muc-license-key{display:grid;gap:5px;margin-bottom:8px}.muc-license-key small{color:#8497af;font-size:7px}.muc-license-key code{overflow:hidden;padding:8px;border:1px solid rgba(148,163,184,.11);border-radius:6px;background:#091522;color:#e2e8f0;font:7px Inter,sans-serif;text-overflow:ellipsis}.muc-license-detail .muc-kv{min-height:27px}.muc-license-detail .muc-kv span,.muc-license-detail .muc-kv b{font-size:7px}.muc-validate-license{min-height:31px;display:grid;place-items:center;margin-top:12px;border:1px solid #2563eb;border-radius:7px;color:#60a5fa;font-size:8px;text-decoration:none}.muc-license-actions{display:grid;gap:8px}.muc-license-actions button,.muc-license-actions a{min-height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border:1px solid #334155;border-radius:7px;background:#091522;font-size:8px;text-decoration:none}.muc-license-actions .is-purple{border-color:rgba(124,58,237,.48);color:#c084fc;background:rgba(88,28,135,.13)}.muc-license-actions .is-green{border-color:rgba(16,185,129,.42);color:#34d399;background:rgba(6,78,59,.14)}.muc-license-actions .is-blue{border-color:rgba(59,130,246,.42);color:#60a5fa;background:rgba(30,64,175,.13)}.muc-license-actions .is-amber{border-color:rgba(245,158,11,.43);color:#fbbf24;background:rgba(120,53,15,.13)}.muc-license-actions .is-red{border-color:rgba(239,68,68,.43);color:#f87171;background:rgba(127,29,29,.14)}.muc-license-actions button:disabled{opacity:1}.muc-license-note{display:flex;gap:10px;margin-top:12px;padding:11px;border:1px solid rgba(34,211,238,.22);border-radius:8px;background:rgba(8,145,178,.07)}.muc-license-note>span{color:#22d3ee;font-size:20px}.muc-license-note b{font-size:9px}.muc-license-note p{margin:6px 0 0;color:#b3c0d1;font-size:7px;line-height:1.55}
@media(max-width:1100px){.muc-licenses-layout{grid-template-columns:minmax(0,1.4fr) minmax(230px,.75fr)}.muc-license-action-panel{grid-column:1/-1}.muc-license-actions{grid-template-columns:repeat(5,1fr)}.muc-license-note{display:none}}@media(max-width:760px){.muc-licenses-layout{grid-template-columns:1fr}.muc-license-action-panel{grid-column:auto}.muc-license-columns{display:none}.muc-license-record{grid-template-columns:1fr 1fr}.muc-license-actions{grid-template-columns:1fr}}

/* User Details — Devices and Activity tabs */
.muc-detail-grid:has(.muc-devices-layout),.muc-detail-grid:has(.muc-activity-layout){display:block}.muc-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.muc-section-heading h3{margin:0;color:#f8fafc;font-size:15px}.muc-section-heading p{margin:6px 0 0;color:#94a3b8;font-size:10px}.muc-section-heading>a{min-height:34px;display:flex;align-items:center;padding:0 14px;border:1px solid #2563eb;border-radius:7px;color:#60a5fa;font-size:10px;text-decoration:none}
.muc-devices-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:14px}.muc-devices-main{padding:15px}.muc-device-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0}.muc-device-metrics article{min-height:74px;padding:12px;border:1px solid rgba(148,163,184,.12);border-radius:9px;background:#0a1727}.muc-device-metrics small,.muc-device-metrics b,.muc-device-metrics em{display:block}.muc-device-metrics small{color:#a4b2c5;font-size:9px}.muc-device-metrics b{margin-top:7px;color:#60a5fa;font-size:18px}.muc-device-metrics em{margin-top:5px;color:#8294ab;font-size:9px;font-style:normal}.muc-device-metrics .green b{color:#34d399}.muc-device-metrics .purple b{color:#c084fc}.muc-device-metrics .amber b{color:#fbbf24}.muc-device-columns,.muc-device-record{display:grid;grid-template-columns:1.35fr 1fr 1.1fr 1fr .72fr .6fr .62fr .75fr;align-items:center;gap:10px}.muc-device-columns{padding:10px;color:#8ea1b9;font-size:8px;text-transform:uppercase}.muc-device-record{min-height:62px;padding:9px 10px;border-top:1px solid rgba(148,163,184,.09);font-size:9px}.muc-device-record b,.muc-device-record small{display:block}.muc-device-record b{color:#e5edf7;font-size:9px}.muc-device-record small{margin-top:4px;color:#8395ac;font-size:8px}.muc-device-name{display:flex;align-items:center;gap:9px}.muc-device-name>span{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:rgba(37,99,235,.2);color:#60a5fa;font-size:14px}.muc-device-record strong{padding:4px 6px;border-radius:999px;color:#34d399;background:rgba(16,185,129,.12);font-size:8px}.muc-device-record em{color:#fbbf24;font-size:8px;font-style:normal}.muc-device-buttons{display:flex;gap:4px}.muc-device-buttons button{width:25px;height:25px;border:1px solid #1d4f91;border-radius:5px;background:#081522;color:#60a5fa;font-size:10px}.muc-device-buttons button:nth-child(2){border-color:#b7791f;color:#fbbf24}.muc-device-buttons button:nth-child(3){border-color:#b91c1c;color:#f87171}.muc-devices-main>footer,.muc-activity-table>footer{padding:12px 2px 2px;color:#8da0b7;font-size:9px}.muc-devices-empty{min-height:190px;display:grid;place-items:center;align-content:center;gap:10px;color:#8497af;font-size:30px}.muc-devices-empty b{color:#cbd5e1;font-size:12px}.muc-devices-empty span{font-size:10px}.muc-devices-side{display:grid;align-content:start;gap:12px}.muc-devices-side .muc-info{padding:15px}.muc-devices-side .muc-info h3{font-size:13px}.muc-devices-side .muc-kv{min-height:34px}.muc-devices-side .muc-kv span,.muc-devices-side .muc-kv b{font-size:9px}.muc-global-actions{display:grid;gap:8px}.muc-global-actions button,.muc-global-actions a{min-height:35px;display:grid;place-items:center;border:1px solid #1d4f91;border-radius:7px;background:#081522;color:#60a5fa;font-size:9px;text-decoration:none}.muc-global-actions button{border-color:#b91c1c;color:#f87171}
.muc-activity-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:14px}.muc-activity-content{min-width:0}.muc-activity-filters{display:flex;gap:8px}.muc-activity-filters input,.muc-activity-filters select,.muc-activity-filters button{min-height:34px;border:1px solid rgba(148,163,184,.16);border-radius:7px;background:#081522;color:#aab8c9;font-size:9px}.muc-activity-filters input{width:180px;padding:0 11px}.muc-activity-filters select{width:140px;padding:0 9px}.muc-activity-filters button{width:34px}.muc-activity-workspace{display:grid;grid-template-columns:175px minmax(0,1fr);gap:12px;margin-top:14px}.muc-activity-nav,.muc-activity-table{border:1px solid rgba(148,163,184,.12);border-radius:9px;background:#0b1829;overflow:hidden}.muc-activity-nav{display:flex;flex-direction:column;padding:8px}.muc-activity-nav>b,.muc-activity-nav>small{min-height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;border-radius:6px;font-size:9px}.muc-activity-nav>b{color:#60a5fa;background:rgba(37,99,235,.18)}.muc-activity-nav small{color:#b3c0d1}.muc-activity-nav em{color:#7f93ad;font-style:normal}.muc-activity-nav button{min-height:33px;margin-top:auto;border:1px solid #2563eb;border-radius:6px;background:#081522;color:#60a5fa;font-size:9px}.muc-activity-columns,.muc-activity-row{display:grid;grid-template-columns:1fr 1.8fr .7fr .95fr .8fr;align-items:center;gap:10px}.muc-activity-columns{padding:10px 12px;color:#8ea1b9;font-size:8px;text-transform:uppercase}.muc-activity-row{position:relative;min-height:49px;padding:8px 10px 8px 43px;border-top:1px solid rgba(148,163,184,.08)}.muc-activity-row>span{position:absolute;left:11px;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:rgba(37,99,235,.2);color:#60a5fa;font-size:8px}.muc-activity-row.is-green>span{color:#34d399;background:rgba(16,185,129,.16)}.muc-activity-row.is-purple>span{color:#c084fc;background:rgba(124,58,237,.18)}.muc-activity-row.is-amber>span{color:#fbbf24;background:rgba(245,158,11,.16)}.muc-activity-row b{font-size:9px}.muc-activity-row p{margin:0;color:#94a3b8;font-size:8px;line-height:1.4}.muc-activity-row em{justify-self:start;padding:4px 7px;border-radius:999px;color:#60a5fa;background:rgba(37,99,235,.14);font-size:8px;font-style:normal}.muc-activity-row time{color:#aab8c9;font-size:8px}.muc-activity-row button{min-height:26px;border:1px solid rgba(148,163,184,.18);border-radius:6px;background:#081522;color:#aab8c9;font-size:8px}.muc-activity-empty{padding:50px;color:#8497af;text-align:center;font-size:10px}.muc-activity-side{display:grid;align-content:start;gap:12px}.muc-activity-side .muc-info{padding:15px}.muc-activity-side h3{font-size:13px}.muc-activity-side>section>strong{display:block;margin:0 0 10px;color:#34d399;font-size:11px}.muc-activity-side .muc-kv{min-height:31px}.muc-activity-side .muc-kv span,.muc-activity-side .muc-kv b{font-size:9px}.muc-activity-total{height:105px;display:grid;place-items:center;align-content:center;margin-bottom:8px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.16),transparent 62%)}.muc-activity-total b{font-size:24px}.muc-activity-total span{color:#94a3b8;font-size:9px}
@media(max-width:1100px){.muc-devices-layout,.muc-activity-layout{grid-template-columns:1fr}.muc-devices-side,.muc-activity-side{grid-template-columns:1fr 1fr}.muc-device-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.muc-device-metrics{grid-template-columns:1fr 1fr}.muc-device-columns{display:none}.muc-device-record{grid-template-columns:1fr 1fr}.muc-activity-workspace{grid-template-columns:1fr}.muc-activity-nav{display:none}.muc-activity-row{grid-template-columns:1fr 1fr}.muc-activity-side,.muc-devices-side{grid-template-columns:1fr}.muc-activity-filters{display:none}}

/* User Details — Support and owner-only Payments */
.muc-detail-grid:has(.muc-support-layout),.muc-detail-grid:has(.muc-payments-tab){display:block}.muc-support-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px}.muc-support-main{padding:15px}.muc-support-filters{display:flex;gap:9px;margin:16px 0}.muc-support-filters>b,.muc-support-filters>span{min-height:33px;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid rgba(148,163,184,.13);border-radius:7px;background:#0a1727;color:#aebcd0;font-size:10px}.muc-support-filters>b{border-color:#2563eb;color:#60a5fa;background:rgba(37,99,235,.17)}.muc-support-filters em{padding:2px 5px;border-radius:999px;background:rgba(59,130,246,.18);font-size:9px;font-style:normal}.muc-support-columns,.muc-support-row{display:grid;grid-template-columns:.9fr .75fr 1.7fr .65fr .7fr .95fr .65fr;align-items:center;gap:10px}.muc-support-columns{padding:10px;color:#8ea1b9;font-size:9px;text-transform:uppercase}.muc-support-row{min-height:60px;padding:9px 10px;border-top:1px solid rgba(148,163,184,.08)}.muc-support-row b,.muc-support-row small{display:block}.muc-support-row b{font-size:10px}.muc-support-row small{margin-top:4px;color:#8497af;font-size:9px;line-height:1.35}.muc-support-row>span,.muc-support-row>em,.muc-support-row>strong{justify-self:start;padding:4px 7px;border-radius:999px;font-size:9px;font-style:normal}.muc-support-row>span{color:#60a5fa;background:rgba(37,99,235,.15)}.muc-support-row>em{color:#fbbf24;background:rgba(245,158,11,.14)}.muc-support-row>strong{color:#34d399;background:rgba(16,185,129,.12)}.muc-support-row time{color:#aab8c9;font-size:9px}.muc-support-row>a{min-height:28px;display:grid;place-items:center;border:1px solid #2563eb;border-radius:6px;color:#60a5fa;font-size:9px;text-decoration:none}.muc-support-main>footer{padding:13px 2px 1px;color:#8da0b7;font-size:10px}.muc-support-empty,.muc-payment-empty{min-height:90px;display:grid;place-items:center;color:#8497af;font-size:10px;text-align:center}.muc-support-side{display:grid;align-content:start;gap:12px}.muc-support-side .muc-info{padding:15px}.muc-support-side h3{font-size:13px}.muc-support-channel{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;min-height:52px;border-bottom:1px solid rgba(148,163,184,.08)}.muc-support-channel>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:rgba(37,99,235,.15);color:#60a5fa}.muc-support-channel b,.muc-support-channel small{display:block}.muc-support-channel b{font-size:10px}.muc-support-channel small{margin-top:4px;color:#94a3b8;font-size:9px}.muc-support-channel a{padding:6px 10px;border:1px solid #2563eb;border-radius:6px;color:#60a5fa;font-size:9px;text-decoration:none}.muc-support-activity{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid rgba(148,163,184,.08)}.muc-support-activity>span{color:#22d3ee}.muc-support-activity b,.muc-support-activity small{display:block}.muc-support-activity b{font-size:10px}.muc-support-activity small{margin-top:3px;color:#94a3b8;font-size:9px}.muc-support-diagnostic{position:relative;padding:14px;border:1px solid rgba(124,58,237,.25);border-radius:10px;background:rgba(76,29,149,.18)}.muc-support-diagnostic b{font-size:11px}.muc-support-diagnostic p{color:#aebcd0;font-size:9px}.muc-support-diagnostic a{color:#c084fc;font-size:9px}
.muc-payments-tab{display:grid;gap:12px}.muc-payment-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.muc-payment-kpis article{min-height:72px;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(148,163,184,.12);border-radius:9px;background:#0b1829}.muc-payment-kpis article>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:rgba(37,99,235,.17);color:#60a5fa}.muc-payment-kpis small,.muc-payment-kpis b,.muc-payment-kpis em{display:block}.muc-payment-kpis small{color:#a9b7c9;font-size:9px}.muc-payment-kpis b{margin-top:4px;color:#f8fafc;font-size:13px}.muc-payment-kpis em{margin-top:4px;color:#8294ab;font-size:8px;font-style:normal}.muc-payment-kpis .is-green>span{color:#34d399;background:rgba(16,185,129,.15)}.muc-payment-kpis .is-amber>span{color:#fbbf24;background:rgba(245,158,11,.14)}.muc-payment-kpis .is-red>span{color:#f87171;background:rgba(239,68,68,.14)}.muc-payment-kpis .is-purple>span{color:#c084fc;background:rgba(124,58,237,.16)}.muc-payment-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(250px,.8fr) minmax(250px,.8fr);gap:12px}.muc-payment-left,.muc-payment-center,.muc-payment-right{display:grid;align-content:start;gap:12px}.muc-payment-layout .muc-info{padding:14px}.muc-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.muc-card-title h3{margin:0;font-size:13px}.muc-card-title span,.muc-card-title a,.muc-card-title em{color:#60a5fa;font-size:9px;font-style:normal;text-decoration:none}.muc-finance-summary{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.muc-finance-summary .muc-kv{min-height:31px}.muc-finance-summary .muc-kv span,.muc-finance-summary .muc-kv b{font-size:9px}.muc-payment-columns,.muc-payment-row{display:grid;grid-template-columns:.9fr 1.45fr .75fr .85fr .7fr .85fr .45fr;align-items:center;gap:8px}.muc-payment-columns{padding:8px 5px;color:#8ea1b9;font-size:8px;text-transform:uppercase}.muc-payment-row{min-height:45px;padding:7px 5px;border-top:1px solid rgba(148,163,184,.08)}.muc-payment-row time,.muc-payment-row span,.muc-payment-row b,.muc-payment-row em{font-size:8px}.muc-payment-row div b,.muc-payment-row div small{display:block}.muc-payment-row div small{margin-top:3px;color:#8497af;font-size:7px}.muc-payment-row em{justify-self:start;padding:4px 6px;border-radius:999px;color:#34d399;background:rgba(16,185,129,.12);font-style:normal}.muc-payment-row>a{color:#60a5fa;font-size:8px}.muc-payment-center h4{margin:3px 0 10px;color:#93c5fd;font-size:14px}.muc-payment-center .muc-kv{min-height:29px}.muc-payment-center .muc-kv span,.muc-payment-center .muc-kv b{font-size:9px}.muc-invoice-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:11px}.muc-invoice-actions a{min-height:31px;display:grid;place-items:center;border:1px solid #2563eb;border-radius:6px;color:#60a5fa;font-size:8px;text-align:center;text-decoration:none}.muc-payment-method{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;min-height:48px;padding:8px;border:1px solid rgba(148,163,184,.1);border-radius:7px;background:#091522}.muc-payment-method>span{color:#60a5fa}.muc-payment-method b{font-size:10px}.muc-payment-method em{color:#34d399;font-size:8px;font-style:normal}.muc-payment-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.muc-payment-actions a{min-height:37px;display:grid;place-items:center;padding:0 8px;border:1px solid #2563eb;border-radius:7px;background:rgba(37,99,235,.08);color:#60a5fa;font-size:9px;text-align:center;text-decoration:none}.muc-payment-actions a:nth-child(2),.muc-payment-actions a:nth-child(6){border-color:rgba(16,185,129,.45);color:#34d399}.muc-payment-actions a:nth-child(3){border-color:rgba(245,158,11,.45);color:#fbbf24}.muc-payment-actions a:nth-child(4){border-color:rgba(124,58,237,.45);color:#c084fc}
@media(max-width:1150px){.muc-support-layout{grid-template-columns:1fr}.muc-support-side{grid-template-columns:repeat(3,1fr)}.muc-payment-layout{grid-template-columns:1.3fr 1fr}.muc-payment-right{grid-column:1/-1;grid-template-columns:1fr 1fr}.muc-payment-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.muc-support-columns{display:none}.muc-support-row{grid-template-columns:1fr 1fr}.muc-support-side,.muc-payment-layout,.muc-payment-right{grid-template-columns:1fr}.muc-payment-kpis{grid-template-columns:1fr 1fr}.muc-payment-columns{display:none}.muc-payment-row{grid-template-columns:1fr 1fr}}

/* User Details — Security Center */
.muc-detail-grid:has(.muc-security-layout){display:block}.muc-security-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.9fr);gap:14px}.muc-security-left,.muc-security-right{display:grid;align-content:start;gap:12px}.muc-security-layout .muc-info{padding:14px}.muc-security-layout .muc-info h3{font-size:13px}.muc-security-session-columns,.muc-security-session{display:grid;grid-template-columns:1.2fr .8fr .75fr .8fr 1fr .85fr .85fr .6fr 1fr;align-items:center;gap:8px}.muc-security-session-columns{padding:9px 7px;color:#8ea1b9;font-size:8px;text-transform:uppercase}.muc-security-session{min-height:52px;padding:8px 7px;border-top:1px solid rgba(148,163,184,.08)}.muc-security-session b,.muc-security-session em{display:block}.muc-security-session b{font-size:9px}.muc-security-session em{margin-top:4px;color:#60a5fa;font-size:7px;font-style:normal}.muc-security-session>span,.muc-security-session>time{color:#b4c1d2;font-size:8px}.muc-security-session>strong{justify-self:start;padding:4px 6px;border-radius:999px;color:#34d399;background:rgba(16,185,129,.13);font-size:8px}.muc-security-session>div:last-child{display:flex;gap:5px}.muc-security-session a,.muc-security-session button{min-height:25px;display:grid;place-items:center;padding:0 7px;border:1px solid #2563eb;border-radius:5px;background:#081522;color:#60a5fa;font-size:7px;text-decoration:none}.muc-security-session .danger{border-color:#b91c1c;color:#f87171}.muc-security-empty{min-height:75px;display:grid;place-items:center;color:#8497af;font-size:10px}.muc-login-event{position:relative;display:grid;grid-template-columns:1fr 1.1fr .8fr .8fr 1.25fr;align-items:center;gap:10px;min-height:43px;padding:7px 8px 7px 36px;border-top:1px solid rgba(148,163,184,.08)}.muc-login-event>i{position:absolute;left:9px;width:18px;height:18px;border-radius:50%;background:#3b82f6;box-shadow:0 0 12px rgba(59,130,246,.35)}.muc-login-event.is-green>i{background:#22c55e}.muc-login-event.is-purple>i{background:#8b5cf6}.muc-login-event.is-amber>i{background:#f59e0b}.muc-login-event time,.muc-login-event span,.muc-login-event p{color:#aebcd0;font-size:8px}.muc-login-event strong{font-size:8px}.muc-login-event p{margin:0}.muc-trusted-device{display:grid;grid-template-columns:30px 1fr .75fr auto;align-items:center;gap:9px;min-height:48px;border-bottom:1px solid rgba(148,163,184,.08)}.muc-trusted-device>span{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:rgba(37,99,235,.15);color:#60a5fa}.muc-trusted-device b,.muc-trusted-device small{display:block}.muc-trusted-device b{font-size:9px}.muc-trusted-device small,.muc-trusted-device time{margin-top:3px;color:#94a3b8;font-size:8px}.muc-trusted-device a{padding:6px 9px;border:1px solid #2563eb;border-radius:6px;color:#60a5fa;font-size:8px;text-decoration:none}.muc-security-right .muc-kv,.muc-advanced-security .muc-kv{min-height:30px}.muc-security-right .muc-kv span,.muc-security-right .muc-kv b,.muc-advanced-security .muc-kv span,.muc-advanced-security .muc-kv b{font-size:9px}.muc-security-actions{display:flex;gap:8px;margin-top:11px}.muc-security-actions a,.muc-security-actions button{min-height:32px;display:grid;place-items:center;padding:0 12px;border:1px solid #2563eb;border-radius:6px;background:#081522;color:#60a5fa;font-size:8px;text-decoration:none}.muc-security-actions button{border-color:#b91c1c;color:#f87171}.muc-advanced-security>p{color:#94a3b8;font-size:9px}.muc-advanced-security>div:last-child{margin-top:10px}.muc-advanced-security>div:last-child a{color:#60a5fa;font-size:9px}
@media(max-width:1100px){.muc-security-layout{grid-template-columns:1fr}.muc-security-right{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.muc-security-session-columns{display:none}.muc-security-session{grid-template-columns:1fr 1fr}.muc-login-event{grid-template-columns:1fr 1fr}.muc-security-right{grid-template-columns:1fr}}

/* Users KPI cards — interactive glow */
.muc-page{align-content:start}.muc-kpis{align-items:start;grid-auto-rows:104px}.muc-kpis .muc-stat{height:104px;min-height:104px;max-height:104px;align-self:start}
.muc-kpis .muc-stat{appearance:none;width:100%;color:#f8fafc;font-family:inherit;text-align:left;cursor:pointer}.muc-kpis .muc-stat:hover,.muc-kpis .muc-stat:focus-visible{transform:translateY(-4px);border-color:rgba(96,165,250,.52);outline:none;box-shadow:0 18px 40px rgba(0,0,0,.28),0 0 0 1px rgba(59,130,246,.12)}.muc-kpis .muc-stat:active{transform:translateY(-1px) scale(.99)}.muc-kpis .muc-icon{isolation:isolate;overflow:visible}.muc-kpis .muc-icon:after{content:"";position:absolute;z-index:-1;inset:-12px;border-radius:50%;opacity:.72;filter:blur(9px);transition:opacity .2s ease,transform .2s ease}.muc-kpis .muc-stat:hover .muc-icon:after,.muc-kpis .muc-stat:focus-visible .muc-icon:after{opacity:1;transform:scale(1.14)}.muc-kpis .muc-stat.is-blue .muc-icon{box-shadow:0 0 0 7px rgba(37,99,235,.12),0 0 30px rgba(59,130,246,.72)}.muc-kpis .muc-stat.is-blue .muc-icon:after{background:rgba(59,130,246,.58)}.muc-kpis .muc-stat.is-green .muc-icon{box-shadow:0 0 0 7px rgba(22,163,74,.12),0 0 30px rgba(34,197,94,.68)}.muc-kpis .muc-stat.is-green .muc-icon:after{background:rgba(34,197,94,.52)}.muc-kpis .muc-stat.is-amber .muc-icon{box-shadow:0 0 0 7px rgba(245,158,11,.12),0 0 30px rgba(245,158,11,.7)}.muc-kpis .muc-stat.is-amber .muc-icon:after{background:rgba(245,158,11,.56)}.muc-kpis .muc-stat.is-red .muc-icon{box-shadow:0 0 0 7px rgba(220,53,69,.12),0 0 30px rgba(239,68,68,.7)}.muc-kpis .muc-stat.is-red .muc-icon:after{background:rgba(239,68,68,.55)}
.support-ticket-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.support-ticket-dashboard-head p{margin:6px 0 0;color:#9fb0c7;font-size:13px}
.support-ticket-dashboard-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.support-ticket-filter-row{display:grid;grid-template-columns:minmax(220px,1.2fr) repeat(4,minmax(130px,.7fr)) auto auto minmax(120px,.55fr) minmax(120px,.55fr) auto;gap:9px;margin:12px 0 16px}
.support-ticket-filter-row input,.support-ticket-filter-row select{min-height:36px;border:1px solid rgba(80,137,218,.35);border-radius:8px;background:#071321;color:#edf5ff;padding:0 10px}
.support-ticket-check{display:flex;align-items:center;gap:7px;min-height:36px;color:#bfd0e7;font-size:12px}
.support-ticket-ref{display:grid;gap:3px;color:#bfdbfe;text-decoration:none}
.support-ticket-ref b{font-size:12px}
.support-ticket-ref small{color:#8fa4bf;font-size:11px;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.support-ticket-ref em{width:max-content;padding:3px 7px;border-radius:999px;background:rgba(245,158,11,.15);color:#fbbf24;font-size:10px;font-style:normal}
.saas-table tr.needs-reply{background:rgba(245,158,11,.055)}
.saas-table td>small{display:block;margin-top:3px;color:#8fa4bf;font-size:11px}
.support-ticket-actions-menu{position:relative}
.support-ticket-actions-menu summary{min-height:32px;display:inline-flex;align-items:center;padding:0 10px;border:1px solid rgba(80,137,218,.45);border-radius:7px;color:#bfdbfe;cursor:pointer;list-style:none}
.support-ticket-actions-menu[open] summary{background:rgba(37,99,235,.16)}
.support-ticket-actions-menu a,.support-ticket-actions-menu button{display:block;width:100%;min-width:130px;border:0;background:transparent;color:#dbeafe;text-align:left;text-decoration:none;padding:8px 10px;font:inherit;font-size:12px;cursor:pointer}
.support-ticket-actions-menu a:hover,.support-ticket-actions-menu button:hover{background:rgba(37,99,235,.16)}
.support-ticket-actions-menu form{margin:0}
@media(max-width:1180px){.support-ticket-filter-row{grid-template-columns:repeat(3,minmax(0,1fr))}.support-ticket-filter-row input[name="q"]{grid-column:1/-1}}
@media(max-width:760px){.support-ticket-dashboard-head{display:grid}.support-ticket-dashboard-actions{justify-content:stretch}.support-ticket-dashboard-actions>*{flex:1}.support-ticket-filter-row{grid-template-columns:1fr}.support-ticket-dashboard .saas-table thead{display:none}.support-ticket-dashboard .saas-table,.support-ticket-dashboard .saas-table tbody,.support-ticket-dashboard .saas-table tr,.support-ticket-dashboard .saas-table td{display:block;width:100%}.support-ticket-dashboard .saas-table tr{margin:10px 0;border:1px solid rgba(80,137,218,.25);border-radius:10px;background:#0b1625;overflow:hidden}.support-ticket-dashboard .saas-table td{border:0!important;padding:9px 12px}.support-ticket-dashboard .saas-table td:before{content:attr(data-label);display:block;color:#7f92ad;font-size:10px;text-transform:uppercase;margin-bottom:3px}.support-ticket-ref small{max-width:100%;white-space:normal}}
/* MiMatt global page header */
.mimatt-page-shell {
  width: 100%;
  max-width: none;
  min-width: 0;
  padding: 0 32px 40px;
  box-sizing: border-box;
  overflow-x: clip;
}

.mimatt-page-content {
  width: 100%;
  min-width: 0;
  padding-top: 20px;
  box-sizing: border-box;
}

.mimatt-page-header {
  width: 100%;
  min-width: 0;
  padding: 24px 0 22px;
  border-bottom: 1px solid var(--border-default, var(--mimatt-border, rgba(148, 163, 184, .18)));
  box-sizing: border-box;
}

.mimatt-page-header__main {
  width: 100%;
  min-width: 0;
}

.mimatt-page-header__breadcrumb {
  margin-bottom: 10px;
  color: var(--accent-primary-text, var(--accent-primary, #f2b824));
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
  line-height: 1.25;
  text-transform: uppercase;
}

.mimatt-page-header__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 88px;
  min-width: 0;
}

.mimatt-page-header__identity {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
}

.mimatt-page-header__icon {
  display: grid;
  place-items: center;
  width: 62px;
  height: 62px;
  flex: 0 0 62px;
  border: 1px solid var(--accent-primary-border, rgba(242, 184, 36, .38));
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 35%, rgba(255, 255, 255, .14), transparent 34%),
    var(--accent-primary-soft, rgba(242, 184, 36, .1));
  color: var(--accent-primary-text, var(--accent-primary, #f2b824));
  box-shadow: 0 0 30px var(--accent-primary-glow, rgba(242, 184, 36, .22));
}

.mimatt-page-header__icon svg {
  width: 30px;
  height: 30px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mimatt-page-header__copy {
  min-width: 0;
}

.mimatt-page-header__title,
.mimatt-page-header h1 {
  margin: 0;
  color: var(--text-primary, var(--mimatt-text, #f8fbff));
  font-size: 30px;
  font-weight: 750;
  line-height: 1.15;
  letter-spacing: 0;
}

.mimatt-page-header__subtitle,
.mimatt-page-header p {
  max-width: 720px;
  margin: 7px 0 0;
  color: var(--text-secondary, var(--mimatt-muted, #aab8cd));
  font-size: 14px;
  line-height: 1.5;
}

.mimatt-page-header__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
  min-width: 0;
}

.mimatt-page-header__actions button,
.mimatt-page-header__actions a {
  min-height: 40px;
}

.mimatt-page-header__status {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  color: var(--text-secondary, var(--mimatt-muted, #aab8cd));
  font-size: 13px;
  font-weight: 700;
}

.mimatt-page-header--compact {
  padding: 18px 0 16px;
}

.mimatt-page-header--compact .mimatt-page-header__row {
  min-height: 68px;
}

.mimatt-page-header--compact .mimatt-page-header__icon {
  width: 50px;
  height: 50px;
  flex-basis: 50px;
}

.mimatt-page-header--compact .mimatt-page-header__title {
  font-size: 24px;
}

@media (max-width: 900px) {
  .mimatt-page-header__row {
    align-items: flex-start;
    flex-direction: column;
  }

  .mimatt-page-header__actions {
    width: 100%;
    justify-content: flex-start;
  }
}

@media (max-width: 680px) {
  .mimatt-page-shell {
    padding: 0 16px 32px;
  }

  .mimatt-page-header {
    padding: 20px 0 18px;
  }

  .mimatt-page-header__identity {
    align-items: flex-start;
  }

  .mimatt-page-header__icon {
    width: 50px;
    height: 50px;
    flex-basis: 50px;
  }

  .mimatt-page-header__icon svg {
    width: 25px;
    height: 25px;
  }

  .mimatt-page-header__title,
  .mimatt-page-header h1 {
    font-size: 24px;
  }

  .mimatt-page-header__subtitle,
  .mimatt-page-header p {
    font-size: 13px;
  }

  .mimatt-page-header__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .mimatt-page-header__actions button,
  .mimatt-page-header__actions a {
    width: 100%;
  }
}

/* Shared account lane: Dashboard and Workspace align with Mi Perfil/Mi Licencia. */
body.premium-user-shell .account-lane-main {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow-x: hidden !important;
}

body.premium-user-shell .premium-user-layout:not(.is-collapsed) .account-lane-main,
body:not(.sidebar-collapsed).premium-user-shell .account-lane-main {
  margin-left: calc(var(--mimatt-sidebar-w) + var(--shell-outer-gutter, 18px)) !important;
  width: calc(100vw - var(--mimatt-sidebar-w) - (var(--shell-outer-gutter, 18px) * 2)) !important;
  padding: calc(var(--app-topbar-h) + 14px) 18px 24px !important;
}

body.premium-user-shell .premium-user-layout.is-collapsed .account-lane-main,
body.sidebar-collapsed.premium-user-shell .account-lane-main {
  margin-left: calc(var(--mimatt-sidebar-collapsed-w) + var(--shell-outer-gutter, 18px)) !important;
  width: calc(100vw - var(--mimatt-sidebar-collapsed-w) - (var(--shell-outer-gutter, 18px) * 2)) !important;
  padding: calc(var(--app-topbar-h) + 14px) 18px 24px !important;
}

body.premium-user-shell .account-lane-main > *,
body.premium-user-shell .account-lane-main.dashboard-main > *,
body.premium-user-shell .account-lane-main.workspace-main > * {
  max-width: 100% !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box !important;
}

body.premium-user-shell .account-lane-main.workspace-main .live-module-card {
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 980px) {
  body.premium-user-shell .premium-user-layout:not(.is-collapsed) .account-lane-main,
  body:not(.sidebar-collapsed).premium-user-shell .account-lane-main,
  body.premium-user-shell .premium-user-layout.is-collapsed .account-lane-main,
  body.sidebar-collapsed.premium-user-shell .account-lane-main {
    margin-left: 0 !important;
    width: 100% !important;
    padding: 18px 14px !important;
  }
}

/* Final shell alignment: the sidebar is fixed, so the layout must not reserve a second sidebar column. */
body.premium-user-shell .premium-user-layout {
  display: block !important;
  grid-template-columns: none !important;
}

body.premium-user-shell .premium-user-layout:not(.is-collapsed) .account-lane-main,
body:not(.sidebar-collapsed).premium-user-shell .account-lane-main,
body.premium-user-shell .premium-user-layout:not(.is-collapsed) .premium-main,
body:not(.sidebar-collapsed).premium-user-shell .premium-main {
  margin-left: calc(var(--mimatt-sidebar-w) + var(--shell-outer-gutter, 18px)) !important;
  width: calc(100vw - var(--mimatt-sidebar-w) - var(--shell-outer-gutter, 18px)) !important;
}

body.premium-user-shell .premium-user-layout.is-collapsed .account-lane-main,
body.sidebar-collapsed.premium-user-shell .account-lane-main,
body.premium-user-shell .premium-user-layout.is-collapsed .premium-main,
body.sidebar-collapsed.premium-user-shell .premium-main {
  margin-left: calc(var(--mimatt-sidebar-collapsed-w) + var(--shell-outer-gutter, 18px)) !important;
  width: calc(100vw - var(--mimatt-sidebar-collapsed-w) - var(--shell-outer-gutter, 18px)) !important;
}

@media (max-width: 980px) {
  body.premium-user-shell .premium-user-layout:not(.is-collapsed) .account-lane-main,
  body:not(.sidebar-collapsed).premium-user-shell .account-lane-main,
  body.premium-user-shell .premium-user-layout.is-collapsed .account-lane-main,
  body.sidebar-collapsed.premium-user-shell .account-lane-main,
  body.premium-user-shell .premium-user-layout:not(.is-collapsed) .premium-main,
  body:not(.sidebar-collapsed).premium-user-shell .premium-main,
  body.premium-user-shell .premium-user-layout.is-collapsed .premium-main,
  body.sidebar-collapsed.premium-user-shell .premium-main {
    margin-left: 0 !important;
    width: 100% !important;
  }
}

.onboarding-help-page {
  display: grid;
  gap: 18px;
  color: #f8fafc;
}

.onboarding-help-hero {
  min-height: 190px;
  padding: 28px;
  border: 1px solid rgba(59, 130, 246, .28);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(9, 24, 42, .96), rgba(5, 16, 29, .98));
  box-shadow: 0 18px 48px rgba(0, 0, 0, .22);
}

.onboarding-help-hero span {
  color: #3b82f6;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
}

.onboarding-help-hero h1 {
  margin: 10px 0 8px;
  font-size: 32px;
}

.onboarding-help-hero p,
.onboarding-help-step p,
.onboarding-video-card p,
.onboarding-help-panel p {
  margin: 0;
  color: #a9c3e6;
  line-height: 1.5;
}

.onboarding-help-grid,
.onboarding-video-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.onboarding-help-step,
.onboarding-video-card,
.onboarding-help-panel,
.onboarding-requirements-list article {
  border: 1px solid rgba(91, 144, 220, .22);
  border-radius: 12px;
  background: rgba(8, 22, 38, .88);
  box-shadow: 0 14px 36px rgba(0, 0, 0, .18);
}

.onboarding-help-step {
  display: flex;
  gap: 14px;
  min-height: 118px;
  padding: 17px;
}

.onboarding-help-step i {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 50%;
  background: #2563eb;
  color: #fff;
  font-style: normal;
  font-weight: 900;
}

.onboarding-help-step h2,
.onboarding-video-card h2,
.onboarding-help-panel h2 {
  margin: 0 0 7px;
  font-size: 16px;
}

.onboarding-help-panel {
  padding: 20px;
}

.onboarding-help-columns {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.onboarding-help-columns article {
  min-height: 112px;
  padding: 14px;
  border: 1px solid rgba(91, 144, 220, .16);
  border-radius: 10px;
  background: rgba(4, 15, 28, .65);
}

.onboarding-help-columns strong {
  display: block;
  margin-bottom: 6px;
}

.install-guide {
  color: #edf4ff;
  display: grid;
  gap: 16px;
  min-height: calc(100vh - 96px);
  padding: 18px 22px 30px;
  background:
    radial-gradient(circle at 58% 8%, rgba(37, 99, 235, .18), transparent 34%),
    linear-gradient(180deg, rgba(3, 13, 24, .98), rgba(4, 12, 23, .98));
}

.install-guide-hero,
.install-guide-card,
.install-guide-nav,
.install-guide-side section {
  border: 1px solid rgba(70, 128, 210, .28);
  border-radius: 10px;
  background: linear-gradient(145deg, rgba(13, 30, 52, .94), rgba(5, 17, 31, .96));
  box-shadow: 0 18px 44px rgba(0, 0, 0, .24);
}

.install-guide-hero {
  align-items: center;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  min-height: 190px;
  overflow: hidden;
  padding: 26px 38px;
  position: relative;
}

.install-guide-hero:after {
  background:
    linear-gradient(115deg, transparent, rgba(59, 130, 246, .12), transparent),
    radial-gradient(circle at 55% 55%, rgba(14, 165, 233, .22), transparent 34%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
}

.install-guide-hero > * {
  position: relative;
  z-index: 1;
}

.install-guide-hero span {
  color: #38bdf8;
  display: block;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .08em;
  margin-bottom: 10px;
}

.install-guide-hero h1 {
  font-size: 34px;
  line-height: 1.05;
  margin: 0 0 10px;
}

.install-guide-hero p {
  color: #c4d4ea;
  font-size: 16px;
  margin: 0;
}

.install-guide-hero aside {
  border: 1px solid rgba(59, 130, 246, .35);
  border-radius: 10px;
  display: grid;
  gap: 8px;
  padding: 24px;
  background: rgba(4, 15, 28, .56);
}

.install-guide-hero aside strong {
  color: #f8fafc;
  font-size: 20px;
}

.install-guide-hero aside small {
  color: #93c5fd;
}

.install-guide-progress {
  display: grid;
  gap: 9px;
  max-width: 620px;
  margin-top: 28px;
}

.install-guide-progress b,
.install-guide-progress strong {
  font-size: 13px;
}

.install-guide-progress b {
  justify-self: end;
  margin-top: -25px;
}

.install-guide-progress i {
  background: rgba(148, 163, 184, .22);
  border-radius: 99px;
  height: 7px;
  overflow: hidden;
}

.install-guide-progress em {
  background: linear-gradient(90deg, #2563eb, #22d3ee);
  display: block;
  height: 100%;
}

.install-guide-layout {
  display: grid;
  grid-template-columns: 310px minmax(0, 1fr) 390px;
  gap: 16px;
}

.install-guide-nav {
  align-self: start;
  display: grid;
  gap: 8px;
  padding: 18px;
}

.install-guide-nav button {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 9px;
  color: #dbeafe;
  display: grid;
  gap: 10px;
  grid-template-columns: 32px minmax(0, 1fr);
  min-height: 52px;
  padding: 9px 12px;
  text-align: left;
  background: transparent;
}

.install-guide-nav button:not(:disabled) {
  cursor: pointer;
}

.install-guide-nav button.active {
  background: linear-gradient(90deg, rgba(37, 99, 235, .35), rgba(14, 165, 233, .12));
  border-color: rgba(59, 130, 246, .42);
}

.install-guide-nav button i {
  align-items: center;
  border: 1px solid rgba(96, 165, 250, .48);
  border-radius: 50%;
  display: flex;
  font-style: normal;
  font-weight: 900;
  height: 30px;
  justify-content: center;
  width: 30px;
}

.install-guide-nav button.done i {
  background: #22c55e;
  border-color: #22c55e;
  color: #04120a;
}

.install-guide-nav button.error i,
.install-guide-nav button.market i {
  border-color: #facc15;
  color: #facc15;
}

.install-guide-nav button span {
  font-weight: 800;
}

.install-guide-nav button b {
  color: #8ea4c0;
  display: block;
  font-size: 11px;
  font-weight: 700;
  grid-column: 2;
}

.install-guide-card {
  display: grid;
  gap: 18px;
  min-height: 510px;
  padding: 28px;
}

.install-guide-card header small {
  color: #38bdf8;
  display: inline-flex;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .04em;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.install-guide-card header small[data-state="done"] {
  color: #22c55e;
}

.install-guide-card header small[data-state="error"] {
  color: #facc15;
}

.install-guide-card h2 {
  font-size: 28px;
  margin: 0 0 9px;
}

.install-guide-card p {
  color: #c4d4ea;
  line-height: 1.55;
  margin: 0;
}

.install-guide-facts {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.install-guide-facts div {
  border: 1px solid rgba(70, 128, 210, .18);
  border-radius: 9px;
  min-height: 78px;
  padding: 12px;
  background: rgba(5, 17, 31, .72);
}

.install-guide-facts span,
.install-guide-facts small {
  color: #8ea4c0;
  display: block;
  font-size: 11px;
}

.install-guide-facts strong {
  display: block;
  font-size: 15px;
  margin-top: 7px;
}

.install-download-panel {
  align-items: center;
  display: grid;
  gap: 28px;
  grid-template-columns: 210px minmax(0, 1fr);
  min-height: 230px;
}

.install-download-panel[hidden] {
  display: none;
}

.install-download-art {
  display: grid;
  min-height: 215px;
  place-items: center;
}

.install-bridge-product {
  filter: drop-shadow(18px 22px 26px rgba(0, 0, 0, .42));
  height: min(230px, 24vw);
  object-fit: contain;
  object-position: center;
  width: min(178px, 100%);
}

.install-download-main {
  display: grid;
  gap: 16px;
}

.install-download-chips {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.install-download-chips span {
  align-items: center;
  background: rgba(10, 25, 43, .78);
  border: 1px solid rgba(70, 128, 210, .4);
  border-radius: 8px;
  color: #e8f1ff;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  font-size: 13px;
  font-weight: 800;
  gap: 2px 10px;
  min-height: 46px;
  padding: 8px 14px;
}

.install-download-chips i {
  color: #2ea7ff;
  grid-row: span 2;
  font-style: normal;
  font-weight: 950;
}

.install-download-chips b {
  color: #dcecff;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0;
}

.install-download-chips small {
  color: #ffffff;
  font-size: 13px;
  font-weight: 850;
}

.install-download-warning {
  align-items: center;
  background: rgba(245, 158, 11, .08);
  border: 1px solid rgba(245, 197, 66, .5);
  border-radius: 9px;
  display: grid;
  gap: 14px;
  grid-template-columns: 48px minmax(0, 1fr);
  min-height: 76px;
  padding: 13px 17px;
}

.install-download-warning i {
  align-items: center;
  background: rgba(250, 204, 21, .12);
  border: 1px solid rgba(250, 204, 21, .45);
  border-radius: 50%;
  color: #facc15;
  display: flex;
  font-size: 26px;
  font-style: normal;
  font-weight: 950;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.install-download-warning p {
  color: #dce9fb;
  font-size: 14px;
  line-height: 1.45;
}

.install-download-warning strong {
  color: #facc15;
  display: block;
  font-size: 13px;
  margin-bottom: 3px;
}

.install-download-button {
  align-items: center;
  background: linear-gradient(135deg, #2457ff 0%, #1d75ff 46%, #26d3ef 100%);
  border: 0;
  border-radius: 8px;
  box-shadow: 0 18px 30px rgba(32, 100, 255, .26);
  color: #fff;
  display: flex;
  font-size: 16px;
  font-weight: 950;
  justify-content: center;
  min-height: 54px;
  width: 100%;
}

.install-download-button:before {
  content: "↓";
  font-size: 21px;
  line-height: 1;
  margin-right: 10px;
}

.install-download-verify {
  align-items: center;
  background: transparent;
  border: 0;
  color: #34a4ff;
  display: flex;
  font-size: 14px;
  font-weight: 900;
  justify-content: center;
  min-height: 34px;
}

.install-download-verify:before {
  align-items: center;
  border: 2px solid currentColor;
  border-radius: 50%;
  content: "✓";
  display: flex;
  font-size: 11px;
  height: 17px;
  justify-content: center;
  margin-right: 9px;
  width: 17px;
}

.install-guide-action-panel {
  border: 1px solid rgba(245, 197, 66, .34);
  border-radius: 10px;
  padding: 18px;
  background: rgba(245, 158, 11, .08);
}

.install-guide-action-panel h3 {
  color: #facc15;
  font-size: 15px;
  margin: 0 0 8px;
}

.install-guide-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
}

.install-guide-primary,
.install-guide-link,
.install-guide-card-footer button {
  border-radius: 8px;
  font-weight: 900;
  min-height: 46px;
  padding: 0 18px;
}

.install-guide-primary {
  border: 0;
  color: #fff;
  background: linear-gradient(135deg, #2563eb, #22d3ee);
}

.install-guide-link,
.install-guide-card-footer button {
  border: 1px solid rgba(96, 165, 250, .32);
  color: #93c5fd;
  background: rgba(37, 99, 235, .08);
}

.install-guide-primary:disabled,
.install-guide-card-footer button:disabled,
.install-guide-nav button:disabled {
  cursor: not-allowed;
  opacity: .46;
}

.install-guide-details {
  border-top: 1px solid rgba(148, 163, 184, .16);
  padding-top: 12px;
}

.install-guide-details summary {
  color: #93c5fd;
  cursor: pointer;
  font-weight: 800;
}

.install-guide-details pre {
  color: #b7c8df;
  font-size: 12px;
  max-height: 170px;
  overflow: auto;
  white-space: pre-wrap;
}

.install-guide-card-footer {
  align-items: center;
  border-top: 1px solid rgba(148, 163, 184, .16);
  display: flex;
  justify-content: space-between;
  padding-top: 16px;
}

.install-guide-side {
  display: grid;
  gap: 16px;
  align-self: start;
}

.install-guide-side section {
  padding: 20px;
}

.install-guide-side h2 {
  font-size: 16px;
  margin: 0 0 16px;
}

.install-system-list {
  border: 1px solid rgba(70, 128, 210, .16);
  border-radius: 9px;
  overflow: hidden;
}

.install-system-list div,
.install-guide-side a,
.install-guide-side button {
  align-items: center;
  border: 0;
  border-bottom: 1px solid rgba(148, 163, 184, .11);
  color: #eaf2ff;
  display: flex;
  justify-content: space-between;
  gap: 14px;
  min-height: 64px;
  padding: 12px 14px;
  text-align: left;
  text-decoration: none;
  width: 100%;
  background: rgba(5, 17, 31, .58);
}

.install-system-list div:last-child,
.install-guide-side a:last-child,
.install-guide-side button:last-child {
  border-bottom: 0;
}

.install-system-list small,
.install-guide-side span {
  color: #8ea4c0;
  display: block;
  font-size: 12px;
  margin-top: 3px;
}

.install-system-list i {
  align-items: center;
  border: 1px solid currentColor;
  border-radius: 50%;
  display: flex;
  flex: 0 0 22px;
  font-style: normal;
  font-weight: 900;
  height: 22px;
  justify-content: center;
  width: 22px;
}

.install-system-list .ok i {
  color: #22c55e;
}

.install-system-list .warn i,
.install-system-list .pending i {
  color: #facc15;
}

.install-guide-secure {
  align-items: center;
  color: #b7c8df;
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr auto 1fr;
  justify-content: center;
}

.install-guide-secure span {
  background: linear-gradient(90deg, transparent, rgba(245, 197, 66, .8));
  height: 1px;
}

.install-guide-secure span:last-child {
  background: linear-gradient(90deg, rgba(245, 197, 66, .8), transparent);
}

.install-guide-secure p {
  margin: 0;
}

.onboarding-video-card {
  padding: 16px;
}

.video-frame {
  display: grid;
  place-items: center;
  aspect-ratio: 16 / 9;
  margin-bottom: 13px;
  border: 1px solid rgba(59, 130, 246, .25);
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(37, 99, 235, .18), rgba(12, 24, 42, .95));
}

.video-frame span,
.onboarding-video-card button {
  color: #93c5fd;
  font-weight: 900;
}

.onboarding-video-card button {
  margin-top: 12px;
  padding: 9px 12px;
  border: 1px solid rgba(147, 197, 253, .32);
  border-radius: 8px;
  background: rgba(37, 99, 235, .08);
}

.onboarding-requirements-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.onboarding-requirements-list article {
  min-height: 92px;
  padding: 15px;
}

.onboarding-requirements-list span {
  display: block;
  color: #7fa7db;
  font-size: 11px;
  font-weight: 900;
  text-transform: uppercase;
}

.onboarding-requirements-list strong {
  display: block;
  margin-top: 8px;
  line-height: 1.35;
}

.requirements-check-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.onboarding-requirements-check {
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid rgba(59, 130, 246, .55);
  border-radius: 9px;
  background: #2563eb;
  color: #fff;
  font-weight: 900;
}

.onboarding-requirements-check:disabled {
  opacity: .65;
}

.requirements-check-result {
  display: grid;
  gap: 8px;
  margin-top: 15px;
}

.requirements-check-result div,
.requirements-check-result span {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 9px;
  background: rgba(4, 15, 28, .7);
  color: #a9c3e6;
}

.requirements-check-result i {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-style: normal;
  font-weight: 900;
}

.requirements-check-result .ok i {
  background: rgba(34, 197, 94, .16);
  color: #22c55e;
}

.requirements-check-result .warn i {
  background: rgba(250, 204, 21, .16);
  color: #facc15;
}

@media (max-width: 980px) {
  .install-guide-hero,
  .install-guide-layout {
    grid-template-columns: 1fr;
  }

  .install-download-panel {
    grid-template-columns: 160px minmax(0, 1fr);
  }

  .install-download-chips {
    grid-template-columns: 1fr;
  }

  .install-guide-facts {
    grid-template-columns: 1fr 1fr;
  }

  .onboarding-help-grid,
  .onboarding-video-grid,
  .onboarding-help-columns,
  .onboarding-requirements-list {
    grid-template-columns: 1fr;
  }

  .requirements-check-head {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (max-width: 640px) {
  .install-guide {
    padding: 12px;
  }

  .install-guide-hero,
  .install-guide-card,
  .install-guide-side section {
    padding: 18px;
  }

  .install-guide-hero h1,
  .install-guide-card h2 {
    font-size: 25px;
  }

  .install-guide-facts,
  .install-download-panel,
  .install-guide-secure {
    grid-template-columns: 1fr;
  }

  .install-download-art {
    min-height: 165px;
  }

  .install-download-chips span {
    min-height: 42px;
  }

  .install-guide-card-footer,
  .install-guide-actions {
    align-items: stretch;
    flex-direction: column;
  }
}