:root{
  color-scheme:dark;
  --ec-primary:#6ee7f9;
  --ec-primary-strong:#22d3ee;
  --ec-secondary:#a78bfa;
  --ec-accent:#fbbf24;
  --ec-success:#34d399;
  --ec-danger:#fb7185;
  --ec-warning:#fbbf24;
  --ec-info:#60a5fa;
  --ec-bg:#07111f;
  --ec-bg-2:#0b1728;
  --ec-panel:#101d31;
  --ec-panel-2:#14243b;
  --ec-panel-glass:rgba(16,29,49,.82);
  --ec-text:#f8fafc;
  --ec-muted:#9fb0c7;
  --ec-soft:#d8e2ef;
  --ec-border:rgba(148,163,184,.18);
  --ec-border-strong:rgba(110,231,249,.28);
  --ec-shadow:0 24px 65px rgba(1,8,20,.34);
  --ec-shadow-soft:0 12px 34px rgba(1,8,20,.22);
  --ec-radius:20px;
  --ec-radius-sm:13px;
  --ec-sidebar-width:286px;
  --ec-sidebar-folded:86px;
  --ec-topbar-height:78px;
  --primary:var(--ec-primary-strong);
  --secondary:var(--ec-secondary);
  --accent:var(--ec-success);
  --bg-dark:var(--ec-bg);
  --bg-card:var(--ec-panel-glass);
  --text-light:var(--ec-text);
}
html[data-theme="light"],body[data-theme="light"]{
  color-scheme:light;
  --ec-primary:#0891b2;
  --ec-primary-strong:#0e7490;
  --ec-secondary:#7c3aed;
  --ec-accent:#d97706;
  --ec-success:#059669;
  --ec-danger:#e11d48;
  --ec-warning:#d97706;
  --ec-info:#2563eb;
  --ec-bg:#eef4f8;
  --ec-bg-2:#e2ebf2;
  --ec-panel:#ffffff;
  --ec-panel-2:#f7fafc;
  --ec-panel-glass:rgba(255,255,255,.86);
  --ec-text:#102033;
  --ec-muted:#5f7187;
  --ec-soft:#26384d;
  --ec-border:rgba(15,35,57,.13);
  --ec-border-strong:rgba(8,145,178,.25);
  --ec-shadow:0 24px 65px rgba(37,62,87,.14);
  --ec-shadow-soft:0 12px 34px rgba(37,62,87,.10);
}
*{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
body{
  min-height:100%;margin:0!important;overflow-x:hidden;
  background:
    radial-gradient(circle at 88% -5%,rgba(167,139,250,.18),transparent 34%),
    radial-gradient(circle at 8% 4%,rgba(34,211,238,.15),transparent 30%),
    linear-gradient(145deg,var(--ec-bg),var(--ec-bg-2))!important;
  color:var(--ec-text)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 75%)}
body[data-theme="light"]::before{background-image:linear-gradient(rgba(15,35,57,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(15,35,57,.025) 1px,transparent 1px)}
img,svg,video,iframe{max-width:100%}
a{color:var(--ec-primary);text-decoration:none;transition:color .2s ease,opacity .2s ease,transform .2s ease}
a:hover{color:var(--ec-primary-strong);text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
h1,h2,h3,h4,h5,h6,.card-title{color:var(--ec-text)!important;letter-spacing:-.025em}
p,li,td,th,label,small,span{border-color:var(--ec-border)}
.text-muted,.description-text,.help-block{color:var(--ec-muted)!important}
.text-white{color:#fff!important}.text-dark{color:#0f172a!important}.text-danger{color:var(--ec-danger)!important}.text-success{color:var(--ec-success)!important}.text-warning{color:var(--ec-warning)!important}.text-info{color:var(--ec-info)!important}
.text-center{text-align:center!important}.text-right{text-align:right!important}.text-left{text-align:left!important}
.font-weight-bold{font-weight:800!important}.font-weight-normal{font-weight:500!important}
.small,small{font-size:.82rem}
.ec-icon{width:1.16em;height:1.16em;display:inline-block;vertical-align:-.18em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.ec-public-logo,.platform-brand-logo{display:block;max-height:44px;max-width:190px;object-fit:contain}

/* Layout utilities */
.container,.container-fluid{width:100%;margin-right:auto;margin-left:auto;padding-right:18px;padding-left:18px}
.container{max-width:1220px}
.row{display:flex;flex-wrap:wrap;margin-right:-9px;margin-left:-9px}
.row>[class*="col-"]{position:relative;width:100%;padding-right:9px;padding-left:9px}
.col-1{flex:0 0 8.333%;max-width:8.333%}.col-2{flex:0 0 16.667%;max-width:16.667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333%;max-width:33.333%}.col-5{flex:0 0 41.667%;max-width:41.667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333%;max-width:58.333%}.col-8{flex:0 0 66.667%;max-width:66.667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333%;max-width:83.333%}.col-11{flex:0 0 91.667%;max-width:91.667%}.col-12{flex:0 0 100%;max-width:100%}
.d-none{display:none!important}.d-block{display:block!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.d-grid{display:grid!important}
.flex-wrap{flex-wrap:wrap!important}.flex-column{flex-direction:column!important}.justify-content-between{justify-content:space-between!important}.justify-content-center{justify-content:center!important}.justify-content-end{justify-content:flex-end!important}.align-items-center{align-items:center!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}
.ml-auto{margin-left:auto!important}.mr-auto{margin-right:auto!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}
.m-0{margin:0!important}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}.mt-1{margin-top:.25rem!important}.mb-1{margin-bottom:.25rem!important}.mt-2{margin-top:.5rem!important}.mb-2{margin-bottom:.5rem!important}.mt-3{margin-top:1rem!important}.mb-3{margin-bottom:1rem!important}.mt-4{margin-top:1.5rem!important}.mb-4{margin-bottom:1.5rem!important}.mt-5{margin-top:3rem!important}.mb-5{margin-bottom:3rem!important}
.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}
.w-100{width:100%!important}.h-100{height:100%!important}.position-relative{position:relative!important}.overflow-hidden{overflow:hidden!important}
.float-right{float:right!important}.clearfix::after{display:block;clear:both;content:""}

/* Application chrome */
.ec-app-page{padding-left:var(--ec-sidebar-width);padding-top:var(--ec-topbar-height);transition:padding-left .28s ease}
.ec-app{min-height:100vh}
.ec-topbar{
  position:fixed!important;top:0;right:0;left:var(--ec-sidebar-width);height:var(--ec-topbar-height);z-index:1040;
  display:flex!important;align-items:center;justify-content:space-between;gap:18px;padding:0 26px!important;
  background:color-mix(in srgb,var(--ec-panel) 82%,transparent)!important;border:0!important;border-bottom:1px solid var(--ec-border)!important;
  backdrop-filter:blur(20px) saturate(145%);box-shadow:0 10px 38px rgba(1,8,20,.08);transition:left .28s ease;
}
.ec-topbar-left,.ec-topbar-actions{display:flex;align-items:center;gap:12px}
.ec-page-identity{display:flex;flex-direction:column;line-height:1.12}
.ec-page-identity span{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--ec-muted)!important;font-weight:800}
.ec-page-identity strong{font-size:1.05rem;color:var(--ec-text)!important;max-width:44vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ec-icon-button{width:44px;height:44px;border-radius:14px;border:1px solid var(--ec-border)!important;background:var(--ec-panel-2)!important;color:var(--ec-soft)!important;display:inline-flex;align-items:center;justify-content:center;padding:0!important;box-shadow:none!important;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}
.ec-icon-button:hover{transform:translateY(-2px);border-color:var(--ec-border-strong)!important;color:var(--ec-primary)!important;background:color-mix(in srgb,var(--ec-panel-2) 80%,var(--ec-primary) 20%)!important}
.ec-profile-chip{min-height:44px;border-radius:14px;border:1px solid var(--ec-border);background:var(--ec-panel-2);color:var(--ec-soft)!important;display:inline-flex;align-items:center;gap:9px;padding:0 14px;font-size:.86rem;font-weight:800}
.ec-profile-chip:hover{border-color:var(--ec-border-strong);color:var(--ec-primary)!important}
.ec-sidebar{
  position:fixed!important;inset:0 auto 0 0;width:var(--ec-sidebar-width);z-index:1050;display:flex!important;flex-direction:column;
  background:linear-gradient(180deg,color-mix(in srgb,var(--ec-panel) 95%,#020617 5%),color-mix(in srgb,var(--ec-bg) 90%,#020617 10%))!important;
  color:var(--ec-soft)!important;border-right:1px solid var(--ec-border)!important;box-shadow:18px 0 45px rgba(1,8,20,.18);overflow:hidden;transition:width .28s ease,transform .28s ease;
}
.ec-brand{height:var(--ec-topbar-height);display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--ec-border);color:var(--ec-text)!important;overflow:hidden}
.ec-brand-logo{width:46px;height:46px;object-fit:contain;flex:0 0 auto}
.ec-brand-mark{width:46px;height:46px;border-radius:15px;background:linear-gradient(135deg,var(--ec-primary),var(--ec-secondary));color:#04121e!important;display:grid;place-items:center;font-weight:950;letter-spacing:-.04em;box-shadow:0 12px 28px rgba(34,211,238,.2);flex:0 0 auto}
.ec-brand-copy{min-width:0;display:flex;flex-direction:column;line-height:1.15;white-space:nowrap}
.ec-brand-copy strong{font-size:1rem;color:var(--ec-text)!important;overflow:hidden;text-overflow:ellipsis}
.ec-brand-copy small{font-size:.7rem;color:var(--ec-muted)!important;text-transform:uppercase;letter-spacing:.11em;margin-top:4px}
.ec-sidebar-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:18px 12px 22px;scrollbar-width:thin;scrollbar-color:var(--ec-border) transparent}
.ec-menu-caption{padding:0 11px 9px;font-size:.68rem;text-transform:uppercase;letter-spacing:.17em;color:var(--ec-muted)!important;font-weight:900;white-space:nowrap;overflow:hidden}
.ec-menu,.ec-submenu{list-style:none!important;margin:0!important;padding:0!important}
.ec-menu-item{margin:4px 0!important}
.ec-menu-link{width:100%;min-height:48px;border:0!important;border-radius:14px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:10px 12px!important;background:transparent!important;color:var(--ec-muted)!important;font-size:.88rem!important;font-weight:750!important;text-align:left!important;box-shadow:none!important;white-space:nowrap;transition:background .2s ease,color .2s ease,transform .2s ease,border-color .2s ease}
.ec-menu-link:hover{background:rgba(110,231,249,.08)!important;color:var(--ec-text)!important;transform:translateX(2px)}
.ec-menu-link.is-active{background:linear-gradient(135deg,rgba(34,211,238,.19),rgba(167,139,250,.16))!important;color:var(--ec-text)!important;box-shadow:inset 0 0 0 1px var(--ec-border-strong)!important}
.ec-menu-link.is-danger{color:color-mix(in srgb,var(--ec-danger) 82%,var(--ec-text) 18%)!important}
.ec-menu-icon{width:21px;height:21px;flex:0 0 21px}
.ec-menu-label{overflow:hidden;text-overflow:ellipsis;color:inherit!important}
.ec-menu-chevron{width:16px;height:16px;margin-left:auto;transition:transform .22s ease}
.ec-menu-group.is-open>.ec-menu-toggle .ec-menu-chevron{transform:rotate(90deg)}
.ec-submenu{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}
.ec-submenu>*{overflow:hidden}
.ec-menu-group.is-open>.ec-submenu{grid-template-rows:1fr}
.ec-submenu .ec-menu-link{min-height:42px;padding-left:45px!important;font-size:.82rem!important;border-radius:12px!important}
.ec-submenu .ec-menu-icon{width:17px;height:17px;position:absolute;margin-left:-29px}
.ec-sidebar-footer{min-height:58px;border-top:1px solid var(--ec-border);display:flex;align-items:center;gap:9px;padding:0 20px;color:var(--ec-muted)!important;font-size:.76rem;font-weight:700;white-space:nowrap;overflow:hidden}
.ec-status-dot{width:9px;height:9px;border-radius:50%;background:var(--ec-success);box-shadow:0 0 0 5px rgba(52,211,153,.1);flex:0 0 auto}
.ec-content{min-height:calc(100vh - var(--ec-topbar-height));margin:0!important;padding:26px!important;background:transparent!important;color:var(--ec-text)!important;transition:padding .2s ease}
.ec-content>.content-header,.ec-content>.ec-page-head{padding:0 0 18px!important}
.ec-content>.content,.ec-content>.ec-page-content{padding:0!important}
.ec-footer{margin:0!important;padding:18px 26px!important;background:transparent!important;color:var(--ec-muted)!important;border-top:1px solid var(--ec-border)!important}
.ec-sidebar-overlay{display:none;position:fixed;inset:0;z-index:1045;border:0;background:rgba(2,8,18,.64);backdrop-filter:blur(4px)}
body.ec-app-page.ec-sidebar-collapsed{padding-left:var(--ec-sidebar-folded)!important}
body.ec-app-page.ec-sidebar-collapsed .ec-topbar{left:var(--ec-sidebar-folded)}
body.ec-app-page.ec-sidebar-collapsed .ec-sidebar{width:var(--ec-sidebar-folded)}
.ec-sidebar-collapsed .ec-brand{padding:0 20px}.ec-sidebar-collapsed .ec-brand-copy,.ec-sidebar-collapsed .ec-menu-label,.ec-sidebar-collapsed .ec-menu-caption,.ec-sidebar-collapsed .ec-menu-chevron,.ec-sidebar-collapsed .ec-sidebar-footer span:not(.ec-status-dot){opacity:0;width:0;pointer-events:none}
.ec-sidebar-collapsed .ec-menu-link{justify-content:center;padding-left:0!important;padding-right:0!important;gap:0!important}.ec-sidebar-collapsed .ec-menu-link:hover{transform:none}.ec-sidebar-collapsed .ec-submenu{display:none}

/* Surfaces, dashboard blocks and panels */
.card,.small-box,.info-box,.glass-card,.plan,.premium-rate-card,.ec-surface,.platform-card,.message-box,.level-card{
  position:relative;background:linear-gradient(145deg,color-mix(in srgb,var(--ec-panel) 96%,transparent),color-mix(in srgb,var(--ec-panel-2) 92%,transparent))!important;
  color:var(--ec-text)!important;border:1px solid var(--ec-border)!important;border-radius:var(--ec-radius)!important;box-shadow:var(--ec-shadow-soft)!important;overflow:hidden;
}
.card::before,.small-box::before,.info-box::before,.platform-card::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(110,231,249,.35),transparent);pointer-events:none}
.card{margin-bottom:20px}.card-header{padding:18px 20px!important;background:transparent!important;color:var(--ec-text)!important;border-bottom:1px solid var(--ec-border)!important}.card-body{padding:20px!important;background:transparent!important;color:var(--ec-text)!important}.card-footer{padding:15px 20px!important;background:color-mix(in srgb,var(--ec-panel-2) 75%,transparent)!important;border-top:1px solid var(--ec-border)!important}
.card-title{margin:0!important;font-weight:850!important}.card-tools{margin-left:auto}
.small-box{min-height:148px;padding:20px!important;margin-bottom:18px!important;background:linear-gradient(145deg,var(--ec-panel),var(--ec-panel-2))!important}
.small-box .inner{position:relative;z-index:2}.small-box .inner h3{margin:0 0 7px!important;font-size:clamp(1.45rem,2.4vw,2.05rem)!important;font-weight:900!important;color:var(--ec-text)!important}.small-box .inner p{margin:0!important;color:var(--ec-muted)!important;font-weight:700!important}.small-box .icon{position:absolute!important;right:16px!important;top:18px!important;opacity:.2!important;color:var(--ec-primary)!important}.small-box .icon .ec-icon,.small-box .icon svg{width:54px!important;height:54px!important}
.small-box-footer{position:absolute!important;left:0;right:0;bottom:0;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 18px!important;background:rgba(0,0,0,.12)!important;color:var(--ec-soft)!important;font-size:.78rem!important;font-weight:800!important}
.info-box{min-height:116px;display:flex;align-items:center;padding:18px;margin-bottom:18px}.info-box-icon{width:68px;height:68px;border-radius:18px!important;display:grid!important;place-items:center;background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(167,139,250,.18))!important;color:var(--ec-primary)!important}.info-box-icon .ec-icon{width:29px;height:29px}.info-box-content{padding-left:15px}.info-box-text{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:var(--ec-muted)!important;font-weight:800}.info-box-number{font-size:1.35rem;font-weight:900;color:var(--ec-text)!important}
.bg-primary,.bg-info,.bg-success,.bg-warning,.bg-danger,.bg-dark,.bg-secondary{background:linear-gradient(145deg,var(--ec-panel),var(--ec-panel-2))!important;color:var(--ec-text)!important}
.bg-primary{border-color:rgba(34,211,238,.26)!important}.bg-info{border-color:rgba(96,165,250,.26)!important}.bg-success{border-color:rgba(52,211,153,.26)!important}.bg-warning{border-color:rgba(251,191,36,.28)!important}.bg-danger{border-color:rgba(251,113,133,.26)!important}
.platform-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.platform-col-12{grid-column:span 12}.platform-col-8{grid-column:span 8}.platform-col-6{grid-column:span 6}.platform-col-4{grid-column:span 4}.platform-col-3{grid-column:span 3}.platform-card{padding:22px}
.elite-notice,.platform-notice{border-radius:17px!important;border:1px solid rgba(34,211,238,.22)!important;background:linear-gradient(135deg,rgba(34,211,238,.1),rgba(167,139,250,.08))!important;padding:16px 18px!important;margin-bottom:18px!important;color:var(--ec-soft)!important}.elite-notice h6,.platform-notice h6{margin:0 0 5px!important;color:var(--ec-primary)!important;font-weight:900!important}

/* Buttons */
.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:42px;padding:9px 16px!important;border-radius:12px!important;border:1px solid transparent!important;font-weight:800!important;font-size:.88rem!important;line-height:1.2!important;text-decoration:none!important;box-shadow:none!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease!important;white-space:normal}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(1,8,20,.16)!important}
.btn-sm{min-height:34px;padding:7px 11px!important;font-size:.76rem!important;border-radius:10px!important}.btn-lg{min-height:50px;padding:12px 21px!important;font-size:.96rem!important;border-radius:14px!important}
.btn-primary,.btn-info,.btn-elite{background:linear-gradient(135deg,var(--ec-primary-strong),var(--ec-secondary))!important;color:#fff!important;border-color:transparent!important}.btn-success{background:linear-gradient(135deg,#059669,#34d399)!important;color:#fff!important}.btn-warning{background:linear-gradient(135deg,#d97706,#fbbf24)!important;color:#181103!important}.btn-danger{background:linear-gradient(135deg,#be123c,#fb7185)!important;color:#fff!important}.btn-secondary,.btn-dark{background:var(--ec-panel-2)!important;color:var(--ec-soft)!important;border-color:var(--ec-border)!important}.btn-light{background:color-mix(in srgb,var(--ec-panel) 78%,#fff 22%)!important;color:var(--ec-text)!important;border-color:var(--ec-border)!important}
.btn-outline-primary,.btn-outline-info,.btn-outline-warning,.btn-outline-success,.btn-outline-danger,.btn-outline-secondary{background:transparent!important;border-color:var(--ec-border-strong)!important;color:var(--ec-primary)!important}.btn-outline-warning{color:var(--ec-warning)!important}.btn-outline-success{color:var(--ec-success)!important}.btn-outline-danger{color:var(--ec-danger)!important}.btn-outline-secondary{color:var(--ec-muted)!important}
.btn-block{display:flex!important;width:100%!important}
.btn .ec-icon{width:1.05rem;height:1.05rem}

/* Forms */
.form-group{margin-bottom:1.1rem!important}.form-row{display:flex;flex-wrap:wrap;margin-right:-7px;margin-left:-7px}.form-row>[class*="col-"]{padding:0 7px}
label{display:inline-block;margin-bottom:.45rem;color:var(--ec-soft)!important;font-size:.83rem;font-weight:800!important}
.form-control,.custom-select,input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="date"],input[type="datetime-local"],input[type="file"],input[type="tel"],input[type="url"],select,textarea{
  display:block;width:100%;min-height:45px;padding:10px 13px!important;border:1px solid var(--ec-border)!important;border-radius:12px!important;background:color-mix(in srgb,var(--ec-panel-2) 92%,transparent)!important;color:var(--ec-text)!important;box-shadow:none!important;outline:none!important;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important;
}
textarea.form-control,textarea{min-height:112px;resize:vertical}
.form-control:focus,input:focus,select:focus,textarea:focus{border-color:var(--ec-primary-strong)!important;box-shadow:0 0 0 4px rgba(34,211,238,.1)!important;background:var(--ec-panel)!important}
.form-control::placeholder,input::placeholder,textarea::placeholder{color:var(--ec-muted)!important;opacity:.78}.form-control:disabled,.form-control[readonly],input:disabled,select:disabled,textarea:disabled{opacity:.68;cursor:not-allowed;background:color-mix(in srgb,var(--ec-panel-2) 80%,var(--ec-bg) 20%)!important}
select option{background:var(--ec-panel);color:var(--ec-text)}
.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group-prepend,.input-group-append{display:flex}.input-group-text{display:flex;align-items:center;padding:0 13px;background:var(--ec-panel-2)!important;color:var(--ec-muted)!important;border:1px solid var(--ec-border)!important}.input-group-prepend .input-group-text{border-radius:12px 0 0 12px}.input-group-prepend+.form-control{border-radius:0 12px 12px 0!important}.input-group-append .input-group-text,.input-group-append .btn{border-radius:0 12px 12px 0!important}
.custom-control{position:relative;display:block;min-height:1.5rem;padding-left:1.6rem}.custom-control-input{position:absolute;left:0;top:.2rem;width:1rem;height:1rem}.custom-control-label{margin:0!important}
.invalid-feedback{display:block;color:var(--ec-danger);font-size:.78rem;margin-top:.4rem}

/* Tables */
.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:15px;border:1px solid var(--ec-border);background:color-mix(in srgb,var(--ec-panel) 72%,transparent)}
.table{width:100%;margin:0!important;border-collapse:separate!important;border-spacing:0!important;color:var(--ec-soft)!important;background:transparent!important}.table th,.table td{padding:13px 14px!important;vertical-align:middle!important;border-top:1px solid var(--ec-border)!important;background:transparent!important;color:inherit!important}.table thead th{border-top:0!important;border-bottom:1px solid var(--ec-border)!important;background:color-mix(in srgb,var(--ec-panel-2) 88%,transparent)!important;color:var(--ec-text)!important;font-size:.73rem!important;text-transform:uppercase;letter-spacing:.08em;font-weight:900!important;white-space:nowrap}.table tbody tr{transition:background .18s ease}.table-hover tbody tr:hover{background:rgba(34,211,238,.055)!important}.table-sm th,.table-sm td{padding:10px 11px!important;font-size:.82rem!important}.table-bordered{border:0!important}.table-bordered th,.table-bordered td{border-left:0!important;border-right:0!important}
.dataTables_wrapper{color:var(--ec-muted)!important}.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{margin:10px 0!important;color:var(--ec-muted)!important}.dataTables_wrapper input,.dataTables_wrapper select{display:inline-block!important;width:auto!important;min-height:36px!important;padding:5px 9px!important}

/* Status, badges, alerts */
.badge,.platform-status{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:4px 9px!important;border-radius:999px!important;font-size:.7rem!important;font-weight:900!important;letter-spacing:.03em;background:rgba(148,163,184,.12)!important;color:var(--ec-soft)!important;border:1px solid var(--ec-border)!important}
.badge-primary,.badge-info{background:rgba(34,211,238,.13)!important;color:var(--ec-primary)!important;border-color:rgba(34,211,238,.22)!important}.badge-success,.platform-status.SUCCESS,.platform-status.Approved,.platform-status.Completed{background:rgba(52,211,153,.13)!important;color:var(--ec-success)!important;border-color:rgba(52,211,153,.22)!important}.badge-warning,.platform-status.WARNING,.platform-status.Pending{background:rgba(251,191,36,.14)!important;color:var(--ec-warning)!important;border-color:rgba(251,191,36,.24)!important}.badge-danger,.platform-status.FAILED,.platform-status.Rejected{background:rgba(251,113,133,.13)!important;color:var(--ec-danger)!important;border-color:rgba(251,113,133,.22)!important}
.alert{position:relative;padding:14px 16px!important;margin-bottom:18px!important;border:1px solid var(--ec-border)!important;border-radius:15px!important;background:var(--ec-panel-2)!important;color:var(--ec-soft)!important}.alert-success{border-color:rgba(52,211,153,.25)!important;background:rgba(52,211,153,.09)!important}.alert-danger{border-color:rgba(251,113,133,.25)!important;background:rgba(251,113,133,.09)!important}.alert-warning{border-color:rgba(251,191,36,.25)!important;background:rgba(251,191,36,.09)!important}.alert-info{border-color:rgba(96,165,250,.25)!important;background:rgba(96,165,250,.09)!important}
.close{float:right;font-size:1.4rem;font-weight:700;line-height:1;color:inherit;background:transparent;border:0;opacity:.7}

/* Navigation helpers, dropdowns, pagination and modals */
.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.6rem .8rem}.navbar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem}.navbar-toggler{padding:.5rem;border:1px solid var(--ec-border);border-radius:10px;background:var(--ec-panel-2);color:var(--ec-text)}
.dropdown-menu{min-width:190px;padding:8px!important;border-radius:14px!important;background:var(--ec-panel)!important;color:var(--ec-text)!important;border:1px solid var(--ec-border)!important;box-shadow:var(--ec-shadow-soft)!important}.dropdown-item{display:block;width:100%;padding:9px 11px!important;border-radius:9px;color:var(--ec-soft)!important}.dropdown-item:hover{background:rgba(34,211,238,.08)!important;color:var(--ec-text)!important}.dropdown-divider{border-top:1px solid var(--ec-border)!important}
.pagination{display:flex;padding-left:0;list-style:none;border-radius:12px;gap:5px}.page-link{display:grid;place-items:center;min-width:36px;height:36px;padding:0 10px;border:1px solid var(--ec-border)!important;border-radius:10px!important;background:var(--ec-panel)!important;color:var(--ec-muted)!important}.page-item.active .page-link{background:linear-gradient(135deg,var(--ec-primary-strong),var(--ec-secondary))!important;color:#fff!important;border-color:transparent!important}.page-item.disabled .page-link{opacity:.5}
.modal{position:fixed;inset:0;z-index:1080;display:none;overflow:auto;background:rgba(1,8,20,.68);padding:20px}.modal.show{display:block}.modal-dialog{position:relative;width:auto;max-width:650px;margin:4vh auto}.modal-content{background:var(--ec-panel)!important;color:var(--ec-text)!important;border:1px solid var(--ec-border)!important;border-radius:20px!important;box-shadow:var(--ec-shadow)!important}.modal-header,.modal-footer{padding:16px 19px!important;border-color:var(--ec-border)!important}.modal-body{padding:19px!important}.modal-title{margin:0}
.list-group{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:14px}.list-group-item{position:relative;display:block;padding:12px 14px;background:var(--ec-panel)!important;color:var(--ec-soft)!important;border:1px solid var(--ec-border)!important}.list-group-item+.list-group-item{border-top:0}

/* Auth pages */
.login-box,.register-box{width:min(430px,calc(100% - 30px))!important;margin:6vh auto!important;color:var(--ec-text)!important}.login-logo,.register-logo{text-align:center;margin-bottom:20px}.login-logo a,.register-logo a{font-size:1.7rem;font-weight:950;color:var(--ec-text)!important}.login-card-body,.register-card-body{padding:28px!important;background:linear-gradient(145deg,var(--ec-panel),var(--ec-panel-2))!important;color:var(--ec-text)!important;border:1px solid var(--ec-border)!important;border-radius:24px!important;box-shadow:var(--ec-shadow)!important}.login-box-msg{color:var(--ec-muted)!important;text-align:center;margin-bottom:20px!important}


.ec-auth-page{display:grid;place-items:center;min-height:100vh;padding:24px!important}.ec-auth-page .login-box,.ec-auth-page .register-box{margin:0!important}.ec-auth-theme{position:fixed;top:18px;right:18px;z-index:1100}

/* Base wrapper */
.wrapper{min-height:100vh;background:transparent!important}

/* Responsive */
@media(min-width:576px){.col-sm-1{flex:0 0 8.333%;max-width:8.333%}.col-sm-2{flex:0 0 16.667%;max-width:16.667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.333%;max-width:33.333%}.col-sm-5{flex:0 0 41.667%;max-width:41.667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.333%;max-width:58.333%}.col-sm-8{flex:0 0 66.667%;max-width:66.667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.333%;max-width:83.333%}.col-sm-11{flex:0 0 91.667%;max-width:91.667%}.col-sm-12{flex:0 0 100%;max-width:100%}}
@media(min-width:768px){.col-md-1{flex:0 0 8.333%;max-width:8.333%}.col-md-2{flex:0 0 16.667%;max-width:16.667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.333%;max-width:33.333%}.col-md-5{flex:0 0 41.667%;max-width:41.667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.333%;max-width:58.333%}.col-md-8{flex:0 0 66.667%;max-width:66.667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.333%;max-width:83.333%}.col-md-11{flex:0 0 91.667%;max-width:91.667%}.col-md-12{flex:0 0 100%;max-width:100%}}
@media(min-width:992px){.col-lg-1{flex:0 0 8.333%;max-width:8.333%}.col-lg-2{flex:0 0 16.667%;max-width:16.667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.333%;max-width:33.333%}.col-lg-5{flex:0 0 41.667%;max-width:41.667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.333%;max-width:58.333%}.col-lg-8{flex:0 0 66.667%;max-width:66.667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.333%;max-width:83.333%}.col-lg-11{flex:0 0 91.667%;max-width:91.667%}.col-lg-12{flex:0 0 100%;max-width:100%}}
@media(max-width:991px){
  .ec-app-page{padding-left:0;padding-top:70px}.ec-topbar{left:0;height:70px;padding:0 15px!important}.ec-sidebar{transform:translateX(-105%);width:min(310px,88vw)}.ec-sidebar-open .ec-sidebar{transform:translateX(0)}.ec-sidebar-open .ec-sidebar-overlay{display:block}.ec-content{padding:18px!important}.ec-profile-chip span{display:none}.ec-profile-chip{width:44px;padding:0;justify-content:center}.ec-page-identity strong{max-width:45vw}body.ec-app-page.ec-sidebar-collapsed{padding-left:0!important}body.ec-app-page.ec-sidebar-collapsed .ec-topbar{left:0}
  .platform-col-8,.platform-col-6,.platform-col-4,.platform-col-3{grid-column:span 12}
}
@media(max-width:767px){
  .row>[class*="col-"]{flex:0 0 100%;max-width:100%}.row>.col-6{flex:0 0 50%;max-width:50%}
  .ec-content{padding:14px!important}.ec-topbar-actions{gap:7px}.ec-topbar-actions>a:first-child{display:none}.ec-icon-button,.ec-profile-chip{width:40px;height:40px;min-height:40px;border-radius:12px}.ec-page-identity span{display:none}.ec-page-identity strong{font-size:.9rem;max-width:43vw}.card-body{padding:16px!important}.card-header{padding:15px 16px!important}.small-box{min-height:138px;padding:17px!important}.table{min-width:700px}.btn{min-height:40px}.quick-actions{width:100%;display:grid!important;grid-template-columns:1fr;gap:8px;margin-top:12px}.quick-actions .btn{width:100%}
}
@media(max-width:480px){
  .row>.col-6{flex:0 0 100%;max-width:100%}.ec-page-identity{display:none}.ec-topbar{justify-content:space-between}.ec-topbar-actions{margin-left:auto}.ec-content{padding:12px!important}.small-box{min-height:132px}.platform-card{padding:17px}.btn:not(.btn-sm){width:100%}
}
@media print{.ec-sidebar,.ec-topbar,.ec-sidebar-overlay,.ec-public-tools{display:none!important}.ec-app-page{padding:0!important}.ec-content{padding:0!important}.card,.small-box,.info-box{box-shadow:none!important;background:#fff!important;color:#000!important}}
.ec-notice{border-radius:17px!important;border:1px solid rgba(34,211,238,.22)!important;background:linear-gradient(135deg,rgba(34,211,238,.1),rgba(167,139,250,.08))!important;padding:16px 18px!important;margin-bottom:18px!important;color:var(--ec-soft)!important}.ec-notice h6{margin:0 0 5px!important;color:var(--ec-primary)!important;font-weight:900!important}.ec-accent-text{color:var(--ec-accent)!important}.ec-notice-wrap{display:grid;gap:12px;margin-bottom:20px}.ec-toolbar{display:flex;align-items:center;gap:10px}
/* Compatibility fallbacks for browsers without color-mix(). */
@supports not (background:color-mix(in srgb,#000 50%,#fff)){
.ec-topbar{background:var(--ec-panel)!important}
.ec-sidebar{background:linear-gradient(180deg,var(--ec-panel),var(--ec-bg))!important}
.ec-icon-button:hover{background:var(--ec-panel-2)!important}
.card,.small-box,.info-box,.glass-card,.plan,.premium-rate-card,.ec-surface,.platform-card,.message-box,.level-card{background:linear-gradient(145deg,var(--ec-panel),var(--ec-panel-2))!important}
.card-footer{background:var(--ec-panel-2)!important}
.form-control,.custom-select,input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="date"],input[type="datetime-local"],input[type="file"],input[type="tel"],input[type="url"],select,textarea{background:var(--ec-panel-2)!important}
.form-control:disabled,.form-control[readonly],input:disabled,select:disabled,textarea:disabled{background:var(--ec-bg-2)!important}
.table-responsive{background:var(--ec-panel)!important}.table thead th{background:var(--ec-panel-2)!important}
.btn-light{background:var(--ec-panel-2)!important}


}
/* Project utility layer */
.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mr-3{margin-right:1rem!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:1rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.w-25{width:25%!important}.w-50{width:50%!important}.col-auto{flex:0 0 auto;width:auto;max-width:100%}.d-inline{display:inline!important}.text-primary{color:var(--ec-primary)!important}.text-white-50{color:rgba(255,255,255,.6)!important}.text-sm{font-size:.875rem!important}.text-xs{font-size:.75rem!important}.text-uppercase{text-transform:uppercase!important}.text-nowrap{white-space:nowrap!important}.bg-white{background:#fff!important}.border{border:1px solid var(--ec-border)!important}.border-0{border:0!important}.rounded{border-radius:var(--ec-radius-sm)!important}.shadow{box-shadow:var(--ec-shadow)!important}.shadow-lg{box-shadow:var(--ec-shadow)!important}.shadow-sm{box-shadow:var(--ec-shadow-soft)!important}.opacity-5{opacity:.5!important}.font-weight-light{font-weight:400!important}.font-weight-600{font-weight:600!important}.form-control-sm{min-height:36px!important;padding:6px 10px!important;font-size:.8rem!important}.btn-xs{min-height:29px!important;padding:5px 8px!important;font-size:.7rem!important}.btn-link{background:transparent!important;border-color:transparent!important;color:var(--ec-primary)!important}.btn-outline-dark{background:transparent!important;border-color:var(--ec-border)!important;color:var(--ec-soft)!important}
@media(min-width:576px){.d-sm-inline-block{display:inline-block!important}.d-sm-inline{display:inline!important}}
@media(min-width:768px){.d-md-block{display:block!important}.d-md-flex{display:flex!important}.text-md-right{text-align:right!important}.mt-md-0{margin-top:0!important}}

/* ========================================================================
   EliteCap Unified Interface v5.3.0
   One application shell, one public header/footer and one responsive system.
   ======================================================================== */
:root{
  --ec-sidebar-width:292px;
  --ec-sidebar-folded:88px;
  --ec-topbar-height:76px;
  --ec-content-max:1680px;
  --ec-focus:0 0 0 4px rgba(34,211,238,.16);
}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
body.ec-ui-ready{visibility:visible}
.ec-icon{overflow:visible!important;pointer-events:none}
.ec-image-error{min-height:64px!important;background:linear-gradient(135deg,var(--ec-panel-2),var(--ec-bg-2))!important;border:1px dashed var(--ec-border-strong)!important;border-radius:12px!important;color:transparent!important}

/* Unified application shell */
body.ec-app-page{
  display:block!important;
  min-width:0!important;
  padding:var(--ec-topbar-height) 0 0 var(--ec-sidebar-width)!important;
  background:var(--ec-bg)!important;
}
body.ec-app-page>.ec-sidebar{display:flex!important}
body.ec-app-page>.ec-topbar{display:flex!important}
body.ec-app-page .wrapper,
body.ec-app-page .ec-app{
  width:100%!important;
  min-width:0!important;
  min-height:calc(100vh - var(--ec-topbar-height))!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
body.ec-app-page .ec-content{
  width:100%!important;
  max-width:var(--ec-content-max)!important;
  min-width:0!important;
  min-height:calc(100vh - var(--ec-topbar-height) - 58px)!important;
  margin:0 auto!important;
  padding:clamp(16px,2.2vw,30px)!important;
  background:transparent!important;
  color:var(--ec-text)!important;
}
.ec-topbar{
  left:var(--ec-sidebar-width)!important;
  right:0!important;
  width:auto!important;
  min-width:0!important;
  height:var(--ec-topbar-height)!important;
  padding:0 clamp(14px,2vw,28px)!important;
  background:rgba(16,29,49,.88)!important;
  border-bottom:1px solid var(--ec-border)!important;
  box-shadow:0 14px 38px rgba(1,8,20,.14)!important;
  -webkit-backdrop-filter:blur(20px) saturate(145%);
  backdrop-filter:blur(20px) saturate(145%);
}
html[data-theme="light"] .ec-topbar,
body[data-theme="light"] .ec-topbar{background:rgba(255,255,255,.9)!important}
.ec-sidebar{
  width:var(--ec-sidebar-width)!important;
  transform:none;
  background:
    radial-gradient(circle at 18% 0,rgba(34,211,238,.13),transparent 34%),
    linear-gradient(180deg,var(--ec-panel) 0,var(--ec-bg) 100%)!important;
  border-right:1px solid var(--ec-border)!important;
  box-shadow:18px 0 46px rgba(1,8,20,.22)!important;
}
.ec-sidebar::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.025),transparent 28%)}
.ec-sidebar>*{position:relative;z-index:1}
.ec-brand{flex:0 0 var(--ec-topbar-height)!important;min-width:0!important}
.ec-brand-mark{background:linear-gradient(135deg,var(--ec-primary-strong),var(--ec-secondary))!important;color:#04111c!important}
.ec-brand-logo{background:rgba(255,255,255,.06);border:1px solid var(--ec-border);border-radius:14px;padding:4px}
.ec-sidebar-scroll{padding:16px 12px 22px!important}
.ec-menu-link{position:relative!important;overflow:hidden!important}
.ec-menu-link::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 4px 4px 0;background:transparent}
.ec-menu-link.is-active::before{background:var(--ec-primary)}
.ec-menu-link.is-active{background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(124,58,237,.14))!important}
.ec-menu-link:focus-visible,.ec-icon-button:focus-visible,.ec-profile-chip:focus-visible,.btn:focus-visible,.ec-public-link:focus-visible{outline:none!important;box-shadow:var(--ec-focus)!important}
.ec-submenu{display:block!important;max-height:0!important;overflow:hidden!important;transition:max-height .28s ease!important}
.ec-menu-group.is-open>.ec-submenu{max-height:620px!important}
.ec-submenu .ec-menu-item:first-child{margin-top:5px!important}
.ec-currency-chip{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 10px;border:1px solid var(--ec-border);border-radius:999px;background:var(--ec-panel-2);color:var(--ec-muted);font-size:.7rem;font-weight:900;letter-spacing:.08em}
.ec-global-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:58px!important;padding:16px clamp(16px,2.2vw,30px)!important;font-size:.78rem!important}
body.ec-app-page.ec-sidebar-collapsed{padding-left:var(--ec-sidebar-folded)!important}
body.ec-app-page.ec-sidebar-collapsed .ec-topbar{left:var(--ec-sidebar-folded)!important}
body.ec-app-page.ec-sidebar-collapsed .ec-sidebar{width:var(--ec-sidebar-folded)!important}
.ec-sidebar-collapsed .ec-brand{padding:0 20px!important}
.ec-sidebar-collapsed .ec-submenu{max-height:0!important}

/* Surfaces and content consistency */
.ec-surface,.card,.small-box,.info-box,.platform-card,.glass-card,.plan,.premium-rate-card,.message-box,.level-card{
  border:1px solid var(--ec-border)!important;
  background:linear-gradient(145deg,var(--ec-panel),var(--ec-panel-2))!important;
  color:var(--ec-text)!important;
}
.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px}
.card-title{margin:0!important}
.row{row-gap:18px}
.row>.form-group,.row>[class*="col-"]>.form-group{margin-bottom:0!important}
.form-control,.custom-select,input,select,textarea{max-width:100%!important}
input[type="checkbox"],input[type="radio"]{width:auto!important;min-height:auto!important;accent-color:var(--ec-primary-strong)}
input[type="file"]{padding:8px!important}
input[type="file"]::file-selector-button{border:0;border-radius:9px;padding:8px 12px;margin-right:10px;background:linear-gradient(135deg,var(--ec-primary-strong),var(--ec-secondary));color:#fff;font-weight:800;cursor:pointer}
button.is-loading,input.is-loading{opacity:.72!important;pointer-events:none!important}
button.is-loading::after{content:"";width:15px;height:15px;margin-left:8px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ec-spin .7s linear infinite}
@keyframes ec-spin{to{transform:rotate(360deg)}}
.table-responsive{max-width:100%!important}
.table{width:100%!important}
.table td,.table th{word-break:normal}
.platform-grid{align-items:stretch!important}
.platform-card{height:100%}
.alert{line-height:1.55}

/* Unified public website chrome */
body.ec-public-page{padding:0!important;background:var(--ec-bg)!important;color:var(--ec-text)!important}
.ec-public-header{
  position:sticky;top:0;z-index:1060;width:100%;border-bottom:1px solid var(--ec-border);
  background:rgba(7,17,31,.88);-webkit-backdrop-filter:blur(20px) saturate(145%);backdrop-filter:blur(20px) saturate(145%);
  box-shadow:0 12px 36px rgba(1,8,20,.12)
}
html[data-theme="light"] .ec-public-header,body[data-theme="light"] .ec-public-header{background:rgba(255,255,255,.92)}
.ec-public-header-inner{width:min(1240px,calc(100% - 30px));min-height:76px;margin:0 auto;display:flex;align-items:center;gap:26px}
.ec-public-header .ec-brand{height:auto!important;min-width:210px;padding:0!important;border:0!important}
.ec-public-header .ec-brand-logo{width:44px;height:44px}
.ec-public-nav{display:flex;align-items:center;justify-content:center;gap:5px;margin-left:auto}
.ec-public-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 13px;border-radius:12px;color:var(--ec-muted)!important;font-size:.87rem;font-weight:800}
.ec-public-link:hover,.ec-public-link.is-active{background:rgba(34,211,238,.09);color:var(--ec-text)!important}
.ec-public-link.is-active{box-shadow:inset 0 0 0 1px var(--ec-border-strong)}
.ec-public-actions{display:flex;align-items:center;gap:8px}
.ec-public-actions .btn{min-height:42px!important;padding:9px 14px!important}
.ec-public-menu-trigger{display:none!important}
.ec-public-backdrop{display:none;position:fixed;inset:0;z-index:1050;border:0;background:rgba(1,8,20,.68);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
body.ec-public-page>main,body.ec-public-page>.cms-shell,body.ec-public-page>.hero,body.ec-public-page>.container,body.ec-public-page>section{position:relative;z-index:1}
.ec-public-footer{position:relative;z-index:2;margin-top:clamp(40px,7vw,90px);border-top:1px solid var(--ec-border);background:linear-gradient(180deg,var(--ec-panel),var(--ec-bg));color:var(--ec-muted)}
.ec-public-footer-inner{width:min(1240px,calc(100% - 30px));margin:0 auto;padding:42px 0 30px;display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(260px,1fr);gap:42px}
.ec-public-footer .ec-brand{height:auto!important;padding:0!important;border:0!important;max-width:360px}
.ec-public-footer p{max-width:560px;margin:16px 0 0;color:var(--ec-muted)!important;line-height:1.7}
.ec-footer-links{display:flex;align-items:flex-start;justify-content:flex-end;flex-wrap:wrap;gap:10px 18px}
.ec-footer-links a{color:var(--ec-muted)!important;font-weight:750}
.ec-footer-links a:hover{color:var(--ec-primary)!important}
.ec-public-footer-bottom{width:min(1240px,calc(100% - 30px));margin:0 auto;padding:18px 0 24px;border-top:1px solid var(--ec-border);display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:.78rem}

/* Unified authentication chrome */
body.ec-auth-page{min-height:100vh!important;padding:92px 18px 30px!important;background:
  radial-gradient(circle at 10% 0,rgba(34,211,238,.14),transparent 32%),
  radial-gradient(circle at 90% 12%,rgba(124,58,237,.13),transparent 28%),var(--ec-bg)!important}
.ec-auth-bar{position:fixed;top:0;left:0;right:0;z-index:1060;min-height:72px;padding:10px clamp(16px,3vw,36px);display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--ec-border);background:rgba(7,17,31,.88);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
html[data-theme="light"] .ec-auth-bar,body[data-theme="light"] .ec-auth-bar{background:rgba(255,255,255,.9)}
.ec-auth-bar .ec-brand{height:auto!important;padding:0!important;border:0!important}
.ec-auth-actions{display:flex;align-items:center;gap:8px}
.ec-auth-actions .btn{min-height:44px!important}
.ec-auth-page .login-box,.ec-auth-page .register-box{margin:4vh auto!important}
.ec-auth-page form:not(.navbar form){max-width:100%}
.ec-auth-footer{padding:30px 12px 8px;text-align:center;color:var(--ec-muted);font-size:.78rem}

/* Theme correctness: saved dark palette never breaks light mode. */
html[data-theme="light"],body[data-theme="light"]{
  --ec-bg:#eef4f8!important;
  --ec-bg-2:#e2ebf2!important;
  --ec-panel:#ffffff!important;
  --ec-panel-2:#f6f9fc!important;
  --ec-panel-glass:rgba(255,255,255,.88)!important;
  --ec-text:#102033!important;
  --ec-muted:#5c6f85!important;
  --ec-soft:#25384d!important;
  --ec-border:rgba(15,35,57,.13)!important;
  --ec-border-strong:rgba(8,145,178,.28)!important;
  --ec-shadow:0 24px 65px rgba(15,35,57,.14)!important;
  --ec-shadow-soft:0 12px 34px rgba(15,35,57,.1)!important;
}
html[data-theme="dark"],body[data-theme="dark"]{color-scheme:dark}
html[data-theme="light"],body[data-theme="light"]{color-scheme:light}

@media(max-width:1100px){
  .ec-public-header-inner{gap:12px}.ec-public-nav{gap:1px}.ec-public-link{padding:0 9px}.ec-register-action{display:none!important}
}
@media(max-width:991px){
  body.ec-app-page{padding:70px 0 0!important}
  .ec-topbar{left:0!important;height:70px!important;padding:0 14px!important}
  .ec-sidebar{width:min(318px,88vw)!important;transform:translateX(-105%)!important;box-shadow:24px 0 60px rgba(1,8,20,.42)!important}
  .ec-sidebar-open .ec-sidebar{transform:translateX(0)!important}
  .ec-sidebar-open .ec-sidebar-overlay{display:block!important}
  body.ec-app-page.ec-sidebar-collapsed{padding-left:0!important}
  body.ec-app-page.ec-sidebar-collapsed .ec-topbar{left:0!important}
  body.ec-app-page.ec-sidebar-collapsed .ec-sidebar{width:min(318px,88vw)!important}
  .ec-sidebar-collapsed .ec-brand-copy,.ec-sidebar-collapsed .ec-menu-label,.ec-sidebar-collapsed .ec-menu-caption,.ec-sidebar-collapsed .ec-menu-chevron,.ec-sidebar-collapsed .ec-sidebar-footer span:not(.ec-status-dot){opacity:1!important;width:auto!important;pointer-events:auto!important}
  .ec-sidebar-collapsed .ec-menu-link{justify-content:flex-start!important;padding:10px 12px!important;gap:12px!important}
  .ec-sidebar-collapsed .ec-menu-group.is-open>.ec-submenu{max-height:620px!important}
  body.ec-app-page .ec-content{min-height:calc(100vh - 128px)!important;padding:18px!important}
  .ec-global-footer{padding:16px 18px!important}
  .ec-public-menu-trigger{display:inline-flex!important}
  .ec-public-nav{position:fixed;z-index:1065;top:0;right:0;width:min(330px,88vw);height:100vh;margin:0!important;padding:94px 18px 28px;display:flex!important;align-items:stretch;justify-content:flex-start;flex-direction:column;gap:7px;background:linear-gradient(180deg,var(--ec-panel),var(--ec-bg));border-left:1px solid var(--ec-border);box-shadow:-22px 0 55px rgba(1,8,20,.35);transform:translateX(106%);transition:transform .28s ease}
  .ec-public-menu-open .ec-public-nav{transform:translateX(0)}
  .ec-public-menu-open .ec-public-backdrop{display:block}
  .ec-public-link{justify-content:flex-start;min-height:48px;padding:0 15px;font-size:.95rem}
  .ec-login-action{display:none!important}
}
@media(max-width:767px){
  .ec-page-identity strong{max-width:38vw!important}.ec-currency-chip{display:none}.ec-profile-chip span{display:none}.ec-profile-chip{width:42px!important;padding:0!important;justify-content:center}
  .ec-topbar-left,.ec-topbar-actions{gap:7px!important}
  .ec-global-footer,.ec-public-footer-bottom{align-items:flex-start!important;flex-direction:column!important}
  .ec-public-header-inner{width:calc(100% - 22px);min-height:68px}.ec-public-header .ec-brand-copy small{display:none}.ec-public-header .ec-brand{min-width:0}.ec-public-header .ec-brand-logo,.ec-public-header .ec-brand-mark{width:41px;height:41px}
  .ec-public-footer-inner{grid-template-columns:1fr;padding-top:34px;gap:30px}.ec-footer-links{justify-content:flex-start}
  .ec-auth-actions .btn span{display:none}
  .card-header{align-items:flex-start;flex-direction:column}
}
@media(max-width:520px){
  body.ec-app-page .ec-content{padding:12px!important}
  .ec-page-identity{display:none!important}.ec-topbar-actions{margin-left:auto}.ec-topbar-actions>a.ec-icon-button{display:none!important}
  .row>.col-6{flex:0 0 100%!important;max-width:100%!important}
  .btn:not(.btn-sm):not(.btn-xs){width:100%!important}
  .ec-public-actions .ec-theme-trigger{display:none!important}
  .ec-public-header .ec-brand-copy strong{font-size:.9rem}.ec-public-header .ec-brand-mark{width:39px;height:39px}
  .ec-auth-bar .ec-brand-copy small{display:none}.ec-auth-bar .ec-brand-copy strong{max-width:45vw;overflow:hidden;text-overflow:ellipsis}.ec-auth-actions .btn{display:none!important}
}
@media print{
  .ec-public-header,.ec-public-footer,.ec-auth-bar,.ec-auth-footer{display:none!important}
  body.ec-public-page,body.ec-auth-page{padding:0!important}
}

/* Structured detail panels used by unified customer and account views. */
.ec-detail-item{height:100%;display:flex;flex-direction:column;gap:7px;padding:16px 18px;border:1px solid var(--ec-border);border-radius:16px;background:color-mix(in srgb,var(--ec-panel) 92%,var(--ec-primary) 8%)}
.ec-detail-item small{font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ec-muted)}
.ec-detail-item strong{font-size:1rem;color:var(--ec-text);overflow-wrap:anywhere}
@supports not (background:color-mix(in srgb,#000 50%,#fff 50%)){.ec-detail-item{background:var(--ec-panel)}}


/* ========================================================================
   Public component library and diagnostics v5.3.0
   ======================================================================== */
.ec-public-main{display:block;min-height:60vh}
.ec-public-container{width:min(1240px,calc(100% - 34px));margin:0 auto}
.ec-public-section{padding:clamp(58px,7vw,96px) 0}
.ec-section-tint{background:linear-gradient(180deg,transparent,rgba(34,211,238,.035),transparent);border-top:1px solid var(--ec-border);border-bottom:1px solid var(--ec-border)}
.ec-hero{position:relative;overflow:hidden;padding:clamp(82px,10vw,142px) 0;background:radial-gradient(circle at 82% 18%,rgba(167,139,250,.18),transparent 33%),radial-gradient(circle at 12% 5%,rgba(34,211,238,.16),transparent 30%)}
.ec-hero::after{content:"";position:absolute;inset:auto -10% -50% 38%;height:420px;border-radius:50%;background:rgba(34,211,238,.05);filter:blur(70px);pointer-events:none}
.ec-hero-compact{padding:clamp(70px,8vw,112px) 0;text-align:center}
.ec-hero-compact .ec-public-container{max-width:900px}
.ec-hero h1{max-width:950px;margin:14px 0 20px;font-size:clamp(2.25rem,5.6vw,5rem);line-height:1.02;letter-spacing:-.055em}
.ec-hero-compact h1{margin-left:auto;margin-right:auto;font-size:clamp(2.25rem,4.8vw,4.2rem)}
.ec-hero p{max-width:760px;margin:0;color:var(--ec-muted)!important;font-size:clamp(1rem,1.5vw,1.18rem)}
.ec-hero-compact p{margin-left:auto;margin-right:auto}
.ec-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);align-items:center;gap:clamp(30px,6vw,78px)}
.ec-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--ec-primary)!important;font-size:.76rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.ec-kicker::before{content:"";width:24px;height:2px;border-radius:4px;background:linear-gradient(90deg,var(--ec-primary),var(--ec-secondary))}
.ec-hero-actions,.ec-trust-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:30px}
.ec-trust-row{gap:18px;margin-top:24px;color:var(--ec-muted);font-size:.84rem;font-weight:750}
.ec-trust-row span{display:inline-flex;align-items:center;gap:7px}
.ec-hero-panel{padding:clamp(22px,3vw,34px);border-radius:28px!important;box-shadow:var(--ec-shadow)}
.ec-hero-panel h2{margin:10px 0 24px;font-size:clamp(1.7rem,3vw,2.45rem)}
.ec-flow-list{display:grid;gap:16px}
.ec-flow-list>div{display:grid;grid-template-columns:46px 1fr;align-items:start;gap:14px;padding:15px;border:1px solid var(--ec-border);border-radius:16px;background:rgba(255,255,255,.025)}
.ec-flow-list>div>strong{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(34,211,238,.12);color:var(--ec-primary)}
.ec-flow-list span{display:grid;gap:3px}.ec-flow-list b{color:var(--ec-text)}.ec-flow-list small{color:var(--ec-muted);line-height:1.45}
.ec-section-heading{max-width:760px;margin:0 auto clamp(30px,5vw,52px);text-align:center}
.ec-section-heading h2{margin:10px 0 12px;font-size:clamp(1.9rem,4vw,3.2rem);line-height:1.08}
.ec-section-heading p{margin:0;color:var(--ec-muted)!important}
.ec-heading-row{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:28px;text-align:left}
.ec-heading-row>div{max-width:760px}.ec-heading-row .btn{flex:0 0 auto}
.ec-feature-grid,.ec-plan-grid,.ec-rate-grid,.ec-process-grid{display:grid;gap:20px}
.ec-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.ec-feature-card{padding:clamp(22px,3vw,32px);border-radius:22px!important}
.ec-feature-card>.ec-icon,.ec-feature-card>i{width:46px;height:46px;margin-bottom:20px;color:var(--ec-primary)}
.ec-feature-card h3{margin:0 0 10px;font-size:1.2rem}.ec-feature-card p{margin:0;color:var(--ec-muted)!important}
.ec-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.ec-plan-card{position:relative;display:flex;flex-direction:column;padding:clamp(22px,3vw,32px);border-radius:26px!important;overflow:hidden}
.ec-plan-card.is-featured{border-color:var(--ec-border-strong)!important;box-shadow:0 24px 70px rgba(34,211,238,.12)!important;transform:translateY(-8px)}
.ec-plan-card h2,.ec-plan-card h3{margin:10px 0 18px;font-size:1.45rem}
.ec-plan-badge{position:absolute;top:18px;right:18px;padding:6px 10px;border-radius:999px;background:linear-gradient(135deg,var(--ec-primary),var(--ec-secondary));color:#06101c!important;font-size:.68rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.ec-plan-rate{display:flex;align-items:end;gap:10px;margin-bottom:22px}.ec-plan-rate strong{font-size:clamp(2.2rem,4vw,3.6rem);line-height:.9;color:var(--ec-primary)}.ec-plan-rate span{color:var(--ec-muted);font-weight:800}
.ec-plan-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 22px}
.ec-plan-meta>div{padding:12px;border:1px solid var(--ec-border);border-radius:13px;background:rgba(255,255,255,.025)}
.ec-plan-meta dt{color:var(--ec-muted);font-size:.72rem;font-weight:800}.ec-plan-meta dd{margin:4px 0 0;color:var(--ec-text);font-weight:850;overflow-wrap:anywhere}
.ec-calculator{display:grid;gap:10px;margin-top:auto;margin-bottom:18px;padding:15px;border:1px solid var(--ec-border);border-radius:16px;background:rgba(1,8,20,.13)}
.ec-calculator label{margin:0}.ec-calc-output,.ec-calc-grid{display:flex;justify-content:space-between;gap:12px;color:var(--ec-muted);font-size:.82rem}.ec-calc-output strong,.ec-calc-grid strong{display:block;color:var(--ec-primary);font-size:.92rem}.ec-calc-grid>div{flex:1;padding:10px;border-radius:11px;background:rgba(255,255,255,.03)}
.ec-rate-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.ec-rate-card{display:grid;gap:8px;padding:24px;text-align:center;border-radius:20px!important}.ec-rate-card span,.ec-rate-card small{color:var(--ec-muted)}.ec-rate-card strong{font-size:2.3rem;color:var(--ec-primary)}
.ec-empty-state{max-width:780px;margin:0 auto;padding:46px 28px;text-align:center;border-radius:24px!important}.ec-empty-state>.ec-icon,.ec-empty-state>i{width:50px;height:50px;color:var(--ec-primary)}
.ec-story-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:22px}.ec-story-card{padding:clamp(26px,4vw,46px);border-radius:26px!important}.ec-story-card h2{margin:12px 0 18px;font-size:clamp(1.8rem,3.5vw,3rem)}.ec-story-card p{color:var(--ec-muted)!important;font-size:1.04rem}
.ec-stat-stack{display:grid;gap:16px}.ec-stat-stack>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;border-radius:20px!important}.ec-stat-stack strong{font-size:2rem;color:var(--ec-primary)}.ec-stat-stack span{max-width:150px;color:var(--ec-muted);font-weight:750;text-align:right}
.ec-process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ec-process-grid article{padding:28px;border-radius:22px!important}.ec-process-grid strong{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(34,211,238,.12);color:var(--ec-primary)}.ec-process-grid h3{margin:18px 0 8px}.ec-process-grid p{margin:0;color:var(--ec-muted)!important}
.ec-contact-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:24px}.ec-contact-form{padding:clamp(24px,4vw,42px);border-radius:26px!important}.ec-contact-form h2{margin:10px 0 26px}.ec-contact-aside{display:grid;gap:18px}.ec-contact-aside>div{padding:28px;border-radius:22px!important}.ec-contact-aside>.ec-surface>.ec-icon,.ec-contact-aside>.ec-surface>i{width:42px;height:42px;color:var(--ec-primary)}.ec-contact-aside p{color:var(--ec-muted)!important}.ec-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.ec-terms-layout{display:grid;grid-template-columns:260px minmax(0,1fr);align-items:start;gap:24px}.ec-terms-index{position:sticky;top:98px;display:grid;gap:6px;padding:20px;border-radius:20px!important}.ec-terms-index strong{padding:8px 10px;color:var(--ec-text)}.ec-terms-index a{padding:10px;border-radius:10px;color:var(--ec-muted)!important;font-weight:750}.ec-terms-index a:hover{background:rgba(34,211,238,.09);color:var(--ec-primary)!important}.ec-terms-content{padding:clamp(24px,4vw,46px);border-radius:26px!important}.ec-terms-content section{scroll-margin-top:110px;padding:0 0 30px;margin:0 0 30px;border-bottom:1px solid var(--ec-border)}.ec-terms-content section:last-child{padding:0;margin:0;border:0}.ec-terms-content h2{margin:0 0 12px}.ec-terms-content p{margin:0;color:var(--ec-muted)!important}
.ec-cms-content{padding:clamp(24px,4vw,46px);border-radius:26px!important}.ec-cms-content>:first-child{margin-top:0}.ec-cms-content>:last-child{margin-bottom:0}
.ec-public-cta{padding:clamp(48px,7vw,82px) 0;background:linear-gradient(120deg,rgba(34,211,238,.1),rgba(167,139,250,.1));border-top:1px solid var(--ec-border)}
.ec-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.ec-cta-inner>div{max-width:780px}.ec-cta-inner h2{margin:10px 0 0;font-size:clamp(1.8rem,4vw,3.2rem)}
.ec-audit-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ec-audit-metric{padding:20px;border-radius:18px!important}.ec-audit-metric small{display:block;color:var(--ec-muted);font-weight:800}.ec-audit-metric strong{display:block;margin-top:6px;font-size:1.8rem}.ec-audit-ok{color:var(--ec-success)!important}.ec-audit-warn{color:var(--ec-warning)!important}.ec-audit-fail{color:var(--ec-danger)!important}.ec-log-message{max-width:620px;white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem}.ec-path-chip{display:inline-block;max-width:100%;padding:5px 8px;border-radius:8px;background:rgba(34,211,238,.08);color:var(--ec-primary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;overflow-wrap:anywhere}
@media(max-width:1050px){.ec-hero-grid,.ec-story-grid,.ec-contact-grid{grid-template-columns:1fr}.ec-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-feature-grid,.ec-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-audit-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.ec-public-container{width:min(100% - 22px,1240px)}.ec-public-section{padding:52px 0}.ec-heading-row,.ec-cta-inner{align-items:flex-start;flex-direction:column}.ec-heading-row .btn,.ec-cta-inner .btn{width:100%}.ec-feature-grid,.ec-plan-grid,.ec-process-grid{grid-template-columns:1fr}.ec-plan-card.is-featured{transform:none}.ec-terms-layout{grid-template-columns:1fr}.ec-terms-index{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.ec-terms-index strong{grid-column:1/-1}.ec-audit-summary{grid-template-columns:1fr}.ec-hero-actions .btn{width:100%}}
@media(max-width:480px){.ec-plan-meta{grid-template-columns:1fr}.ec-terms-index{grid-template-columns:1fr}.ec-calc-grid{flex-direction:column}.ec-hero h1{font-size:2.3rem}}

/* ========================================================================
   EliteCap reliability and unified authentication layer v5.3.0
   ======================================================================== */
:root{--ec-ui-version:"5.3.0"}
body.ec-app-page{transition:padding-left .24s ease!important}
body.ec-app-page .wrapper,body.ec-app-page .ec-app{max-width:none!important;transition:none!important}
body.ec-diagnostic-probe,body.ec-diagnostic-probe *{transition:none!important;animation:none!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ec-filter-bar{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.ec-filter-grow{flex:1 1 360px}.ec-filter-bar .btn{flex:0 0 auto}

@media(min-width:992px){
  body.ec-app-page.ec-sidebar-collapsed .ec-sidebar-scroll{padding:16px 10px 22px!important}
  body.ec-app-page.ec-sidebar-collapsed .ec-menu-caption,
  body.ec-app-page.ec-sidebar-collapsed .ec-menu-label,
  body.ec-app-page.ec-sidebar-collapsed .ec-menu-chevron,
  body.ec-app-page.ec-sidebar-collapsed .ec-brand-copy,
  body.ec-app-page.ec-sidebar-collapsed .ec-sidebar-footer span:not(.ec-status-dot){display:none!important;opacity:0!important;width:0!important;margin:0!important}
  body.ec-app-page.ec-sidebar-collapsed .ec-brand{justify-content:center!important;gap:0!important;padding:0!important}
  body.ec-app-page.ec-sidebar-collapsed .ec-brand-logo,
  body.ec-app-page.ec-sidebar-collapsed .ec-brand-mark{width:46px!important;height:46px!important;min-width:46px!important;flex:0 0 46px!important;margin:0!important}
  body.ec-app-page.ec-sidebar-collapsed .ec-menu-item{width:100%!important;margin:5px 0!important}
  body.ec-app-page.ec-sidebar-collapsed .ec-menu-link{width:56px!important;height:48px!important;min-height:48px!important;margin:0 auto!important;padding:0!important;gap:0!important;justify-content:center!important;overflow:hidden!important;transform:none!important}
  body.ec-app-page.ec-sidebar-collapsed .ec-menu-link::before{left:0!important;top:8px!important;bottom:8px!important}
  body.ec-app-page.ec-sidebar-collapsed .ec-menu-icon,
  body.ec-app-page.ec-sidebar-collapsed .ec-submenu .ec-menu-icon{position:static!important;width:22px!important;height:22px!important;min-width:22px!important;flex:0 0 22px!important;margin:0!important;transform:none!important}
  body.ec-app-page.ec-sidebar-collapsed .ec-submenu,
  body.ec-app-page.ec-sidebar-collapsed .ec-menu-group.is-open>.ec-submenu{display:none!important;max-height:0!important;visibility:hidden!important}
  body.ec-app-page.ec-sidebar-collapsed .ec-sidebar-footer{justify-content:center!important;padding:0!important;gap:0!important}
}

/* One server-rendered header and card system for login, signup, OTP and reset pages. */
body.ec-auth-page.ec-auth-server-shell{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;min-height:100vh!important;padding:92px 18px 18px!important}
.ec-auth-main{width:100%;display:flex;justify-content:center;align-items:center;flex:1;padding:clamp(20px,4vw,54px) 0}
.ec-auth-card{width:min(100%,760px);padding:clamp(24px,4vw,42px);border:1px solid var(--ec-border);border-radius:28px;background:linear-gradient(145deg,var(--ec-panel),var(--ec-panel-2));box-shadow:var(--ec-shadow);position:relative;overflow:hidden}
.ec-auth-card::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--ec-primary),transparent);opacity:.7}
.ec-auth-card-compact{max-width:470px}.ec-auth-card-wide{max-width:820px}
.ec-auth-card-head{text-align:center;margin-bottom:28px}.ec-auth-card-head h1{font-size:clamp(1.8rem,4vw,2.55rem);margin:8px 0 8px!important}.ec-auth-card-head p{margin:0;color:var(--ec-muted)!important}.ec-auth-kicker{display:inline-flex;color:var(--ec-primary)!important;font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.ec-auth-form{display:grid;gap:18px}.ec-auth-form .form-group{margin:0!important}.ec-auth-form label{display:block;margin:0 0 7px;font-size:.82rem;font-weight:800;color:var(--ec-soft)!important}.ec-auth-form small{display:block;margin-top:6px}
.ec-auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.ec-auth-grid-full{grid-column:1/-1}
.ec-input-icon{position:relative}.ec-input-icon>.ec-icon,.ec-input-icon>i{position:absolute;z-index:2;left:15px;top:50%;transform:translateY(-50%);color:var(--ec-muted);width:18px;height:18px}.ec-input-icon-top>.ec-icon,.ec-input-icon-top>i{top:17px;transform:none}.ec-input-icon .form-control{padding-left:46px!important}.ec-input-icon textarea.form-control{min-height:112px;padding-top:13px!important}
.ec-auth-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid var(--ec-border);color:var(--ec-muted);font-size:.84rem}.ec-auth-meta-center{justify-content:center}.ec-auth-meta a{font-weight:800}
.ec-auth-security-note{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:13px 14px;border-radius:14px;background:rgba(34,211,238,.07);border:1px solid rgba(34,211,238,.15);color:var(--ec-muted);font-size:.78rem}.ec-auth-security-note .ec-icon{margin-top:2px;color:var(--ec-primary)}
.ec-auth-secondary-form{margin-top:10px}.ec-otp-input{text-align:center!important;letter-spacing:.45em!important;font-size:1.5rem!important;font-weight:900!important;padding-left:calc(.45em + 13px)!important}
.ec-auth-server-shell .ec-auth-bar{min-height:76px}.ec-auth-server-shell .ec-auth-footer{padding:18px 12px 4px}
@media(max-width:680px){.ec-auth-grid{grid-template-columns:1fr}.ec-auth-grid-full{grid-column:auto}.ec-auth-card{border-radius:22px;padding:22px 18px}.ec-auth-meta{align-items:flex-start;flex-direction:column}.ec-filter-bar{align-items:stretch}.ec-filter-bar .btn{width:100%!important}}

/* v5.3.0 deterministic desktop fold: the content viewport expands with the sidebar. */
@media(min-width:992px){
  body.ec-app-page{
    --ec-layout-sidebar:var(--ec-sidebar-width);
    padding-left:var(--ec-layout-sidebar)!important;
    transition:padding-left .24s ease!important;
  }
  body.ec-app-page.ec-sidebar-collapsed{--ec-layout-sidebar:var(--ec-sidebar-folded)}
  body.ec-app-page>.ec-topbar{left:var(--ec-layout-sidebar)!important;transition:left .24s ease!important}
  body.ec-app-page>.ec-sidebar{width:var(--ec-layout-sidebar)!important;transition:width .24s ease!important}
  body.ec-app-page .wrapper,
  body.ec-app-page .ec-app,
  body.ec-app-page .ec-content{width:100%!important;max-width:none!important;min-width:0!important}
  body.ec-app-page .ec-content{margin:0!important;transition:none!important}
  body.ec-app-page.ec-sidebar-collapsed .ec-menu-icon{
    display:grid!important;place-items:center!important;line-height:0!important;
  }
  body.ec-app-page.ec-sidebar-collapsed .ec-menu-link>.ec-menu-icon>svg,
  body.ec-app-page.ec-sidebar-collapsed .ec-menu-link>.ec-menu-icon{
    width:22px!important;height:22px!important;min-width:22px!important;max-width:22px!important;
  }
  body.ec-app-page.ec-sidebar-collapsed .ec-menu-link>*:not(.ec-menu-icon){display:none!important}
}

/* ========================================================================
   EliteCap v5.3.0 authoritative application layout
   Keeps the desktop content viewport synchronized with the live sidebar width.
   ======================================================================== */
body.ec-app-page.ec-diagnostic-probe,
body.ec-app-page.ec-diagnostic-probe > .ec-sidebar,
body.ec-app-page.ec-diagnostic-probe > .ec-topbar,
body.ec-app-page.ec-diagnostic-probe .ec-content{
  transition:none!important;
  animation:none!important;
}
@media(min-width:992px){
  body.ec-app-page{
    --ec-layout-sidebar:var(--ec-sidebar-width)!important;
    width:100%!important;
    min-width:0!important;
    padding-top:var(--ec-topbar-height)!important;
    padding-right:0!important;
    padding-bottom:0!important;
    padding-left:var(--ec-layout-sidebar)!important;
  }
  body.ec-app-page.ec-sidebar-collapsed{
    --ec-layout-sidebar:var(--ec-sidebar-folded)!important;
  }
  body.ec-app-page > .ec-sidebar{
    left:0!important;
    right:auto!important;
    width:var(--ec-layout-sidebar)!important;
  }
  body.ec-app-page > .ec-topbar{
    left:var(--ec-layout-sidebar)!important;
    right:0!important;
    width:auto!important;
  }
  body.ec-app-page > .wrapper,
  body.ec-app-page > .ec-app,
  body.ec-app-page .ec-content{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  body.ec-app-page.ec-sidebar-collapsed .ec-brand{
    justify-content:center!important;
    padding-left:0!important;
    padding-right:0!important;
  }
  body.ec-app-page.ec-sidebar-collapsed .ec-menu-link{
    width:56px!important;
    min-width:56px!important;
    max-width:56px!important;
    height:48px!important;
    min-height:48px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
  }
  body.ec-app-page.ec-sidebar-collapsed .ec-menu-link > .ec-menu-icon{
    position:static!important;
    display:block!important;
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    max-width:22px!important;
    margin:0!important;
    transform:none!important;
  }
  body.ec-app-page.ec-sidebar-collapsed .ec-menu-link > *:not(.ec-menu-icon),
  body.ec-app-page.ec-sidebar-collapsed .ec-submenu{
    display:none!important;
  }
}

/* ========================================================================
   EliteCap v5.3.3 - dashboard metric alignment and explicit table actions
   ======================================================================== */
.ec-dashboard-metrics,
.ec-support-metrics{
  display:grid!important;
  margin-left:0!important;
  margin-right:0!important;
  gap:18px!important;
  align-items:stretch!important;
}
.ec-dashboard-metrics{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important}
.ec-support-metrics{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}
.ec-dashboard-metrics>[class*="col-"],
.ec-support-metrics>[class*="col-"]{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  padding-left:0!important;
  padding-right:0!important;
  flex:none!important;
}
.ec-metric-box{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 50px!important;
  grid-template-areas:"metric-content metric-icon"!important;
  align-items:start!important;
  column-gap:14px!important;
  min-height:164px!important;
  height:100%!important;
  padding:20px 18px 50px!important;
}
.ec-metric-box .inner{
  grid-area:metric-content!important;
  min-width:0!important;
  padding:0!important;
  position:relative!important;
  z-index:2!important;
}
.ec-metric-box .inner h3{
  margin:1px 0 8px!important;
  max-width:100%!important;
  font-size:clamp(1.25rem,2vw,1.8rem)!important;
  line-height:1.15!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.ec-metric-box .inner p{
  margin:0!important;
  line-height:1.35!important;
}
.ec-metric-box .icon{
  grid-area:metric-icon!important;
  position:static!important;
  right:auto!important;
  top:auto!important;
  display:grid!important;
  place-items:center!important;
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  margin:0!important;
  border:1px solid rgba(34,211,238,.18)!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(167,139,250,.12))!important;
  color:var(--ec-primary)!important;
  opacity:1!important;
  overflow:hidden!important;
}
.ec-metric-box .icon .ec-icon,
.ec-metric-box .icon svg{
  display:block!important;
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  opacity:1!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
}
.ec-metric-box .small-box-footer{
  min-height:40px!important;
  white-space:nowrap!important;
}
.ec-metric-box .small-box-footer .ec-icon,
.ec-metric-box .small-box-footer svg{width:15px!important;height:15px!important}

.ec-table-actions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  min-width:max-content!important;
}
.ec-table-actions .ec-action-form{
  display:inline-flex!important;
  align-items:center!important;
  margin:0!important;
  padding:0!important;
}
.ec-table-actions .ec-action-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:82px!important;
  min-height:35px!important;
  padding:7px 10px!important;
  white-space:nowrap!important;
  line-height:1!important;
}
.ec-table-actions .ec-action-btn .ec-icon,
.ec-table-actions .ec-action-btn svg{
  display:block!important;
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  opacity:1!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2!important;
}
.ec-table-actions .ec-action-btn span{display:inline!important;line-height:1!important}

@media(max-width:767px){
  .ec-dashboard-metrics,
  .ec-support-metrics{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important}
  .ec-metric-box{min-height:154px!important;padding:18px 16px 48px!important}
}
@media(max-width:480px){
  .ec-dashboard-metrics,
  .ec-support-metrics{grid-template-columns:1fr!important}
  .ec-table-actions .ec-action-btn{min-width:76px!important}
}

/* =========================================================
   EliteCap 5.4 — clean module flows, light mode and branding
   ========================================================= */
.ec-module-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 22px}
.ec-module-head h1,.ec-module-head h2{margin:0 0 5px!important;font-size:clamp(1.55rem,3vw,2.25rem)!important;letter-spacing:-.035em}
.ec-module-head p{margin:0;color:var(--ec-muted)!important;max-width:720px}
.ec-module-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px}
.ec-module-actions .btn{white-space:nowrap}
.ec-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}
.ec-summary-card{position:relative;overflow:hidden;min-height:116px;padding:19px;border:1px solid var(--ec-border);border-radius:18px;background:linear-gradient(145deg,var(--ec-panel),var(--ec-panel-2));box-shadow:var(--ec-shadow-soft)}
.ec-summary-card::after{content:"";position:absolute;right:-28px;bottom:-34px;width:100px;height:100px;border-radius:50%;background:color-mix(in srgb,var(--ec-primary) 12%,transparent)}
.ec-summary-card small{display:block;margin-bottom:8px;color:var(--ec-muted)!important;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}
.ec-summary-card strong{display:block;color:var(--ec-text)!important;font-size:1.35rem;line-height:1.25}
.ec-summary-card span{display:block;margin-top:5px;color:var(--ec-muted)!important;font-size:.78rem}
.ec-filter-bar{display:flex;align-items:end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.ec-filter-bar form{display:flex;align-items:end;gap:9px;flex-wrap:wrap;max-width:100%}
.ec-filter-bar .form-group{margin:0!important}
.ec-empty-state{padding:44px 20px;text-align:center;color:var(--ec-muted)}
.ec-empty-state .ec-icon{width:42px;height:42px;margin-bottom:12px;color:var(--ec-primary)}
.ec-step-list{display:grid;gap:10px;margin:16px 0 0;padding:0;list-style:none}
.ec-step-list li{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border:1px solid var(--ec-border);border-radius:13px;background:var(--ec-panel-2);color:var(--ec-soft)}
.ec-step-number{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,var(--ec-primary),var(--ec-secondary));color:#04121e;font-weight:950}
.ec-form-shell{max-width:860px;margin:0 auto}
.ec-form-shell .card,.ec-form-shell .platform-card{overflow:visible}
.ec-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ec-detail-item{padding:14px;border:1px solid var(--ec-border);border-radius:14px;background:var(--ec-panel-2)}
.ec-detail-item small{display:block;margin-bottom:5px;color:var(--ec-muted)!important;text-transform:uppercase;letter-spacing:.07em;font-weight:800;font-size:.66rem}
.ec-detail-item strong{color:var(--ec-text)!important;word-break:break-word}
.ec-tree-level{margin-bottom:18px}
.ec-tree-level-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.ec-tree-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ec-tree-node{padding:15px;border:1px solid var(--ec-border);border-radius:15px;background:linear-gradient(145deg,var(--ec-panel),var(--ec-panel-2))}
.ec-tree-node strong{display:block;color:var(--ec-text)!important}.ec-tree-node small{color:var(--ec-muted)!important}
.ec-source-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--ec-primary) 12%,var(--ec-panel));border:1px solid var(--ec-border-strong);color:var(--ec-text)!important;font-size:.75rem;font-weight:850}
.ec-brand-logo,.platform-brand-logo{display:block!important;width:auto!important;height:auto!important;max-width:48px!important;max-height:48px!important;object-fit:contain!important;flex:0 0 auto!important}
.ec-sidebar .ec-brand-logo{width:46px!important;height:46px!important;max-width:46px!important;max-height:46px!important;padding:4px!important}
.ec-brand-copy strong{max-width:180px}
.ec-public-nav{overflow-x:auto;scrollbar-width:none}.ec-public-nav::-webkit-scrollbar{display:none}

/* Light mode must remain readable even on legacy pages with hard-coded dark classes. */
html[data-theme="light"] .text-white,body[data-theme="light"] .text-white,
html[data-theme="light"] .text-white-50,body[data-theme="light"] .text-white-50{color:var(--ec-text)!important}
html[data-theme="light"] .bg-dark,body[data-theme="light"] .bg-dark,
html[data-theme="light"] .bg-black,body[data-theme="light"] .bg-black{background:var(--ec-panel-2)!important;color:var(--ec-text)!important}
html[data-theme="light"] .btn-outline-light,body[data-theme="light"] .btn-outline-light{border-color:var(--ec-border-strong)!important;color:var(--ec-text)!important;background:transparent!important}
html[data-theme="light"] .btn-outline-light:hover,body[data-theme="light"] .btn-outline-light:hover{background:var(--ec-panel-2)!important}
html[data-theme="light"] .card,body[data-theme="light"] .card,
html[data-theme="light"] .platform-card,body[data-theme="light"] .platform-card,
html[data-theme="light"] .ec-surface,body[data-theme="light"] .ec-surface{color:var(--ec-text)!important;background:linear-gradient(145deg,var(--ec-panel),var(--ec-panel-2))!important}
html[data-theme="light"] .card *,body[data-theme="light"] .card *,
html[data-theme="light"] .platform-card *,body[data-theme="light"] .platform-card *{text-shadow:none}
html[data-theme="light"] [style*="color: #fff"],body[data-theme="light"] [style*="color: #fff"],
html[data-theme="light"] [style*="color:#fff"],body[data-theme="light"] [style*="color:#fff"],
html[data-theme="light"] [style*="color: white"],body[data-theme="light"] [style*="color: white"]{color:var(--ec-text)!important}
html[data-theme="light"] [style*="background:#020617"],body[data-theme="light"] [style*="background:#020617"],
html[data-theme="light"] [style*="background: #020617"],body[data-theme="light"] [style*="background: #020617"]{background:var(--ec-bg)!important}
html[data-theme="light"] .input-group-text,body[data-theme="light"] .input-group-text{color:var(--ec-text)!important}
html[data-theme="light"] .select2-container--default .select2-selection--single,body[data-theme="light"] .select2-container--default .select2-selection--single,
html[data-theme="light"] .select2-dropdown,body[data-theme="light"] .select2-dropdown{background:var(--ec-panel)!important;color:var(--ec-text)!important;border-color:var(--ec-border)!important}

@media(max-width:1100px){.ec-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-tree-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
  .ec-module-head{align-items:stretch;flex-direction:column}.ec-module-actions{justify-content:stretch}.ec-module-actions .btn{flex:1 1 100%;width:100%}
  .ec-summary-grid,.ec-detail-grid,.ec-tree-grid{grid-template-columns:1fr}
  .ec-filter-bar,.ec-filter-bar form{align-items:stretch;flex-direction:column;width:100%}.ec-filter-bar form>*{width:100%}
  .table-responsive .table{min-width:760px!important}
}
.ec-level-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.ec-level-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid var(--ec-border);border-radius:16px;background:linear-gradient(145deg,var(--ec-panel),var(--ec-panel-2))}.ec-level-card>div{display:grid;grid-template-columns:42px 1fr;align-items:center;column-gap:12px}.ec-level-card small{grid-column:2;color:var(--ec-muted)!important}.ec-level-number{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--ec-primary),var(--ec-secondary));color:#04121e;font-weight:950}.ec-level-rate{font-size:1.25rem;font-weight:950;color:var(--ec-success)}
@media(max-width:900px){.ec-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ec-tree-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.ec-module-head{display:block}.ec-module-actions{justify-content:flex-start;margin-top:14px}.ec-summary-grid,.ec-detail-grid,.ec-tree-grid,.ec-level-grid{grid-template-columns:1fr}.ec-filter-bar form,.ec-filter-bar .form-group{width:100%}.ec-filter-bar .form-control,.ec-filter-bar .btn{width:100%}.ec-level-card{align-items:flex-start}}
.ec-conversation{display:grid;gap:13px;margin-top:16px}.ec-message{max-width:82%;padding:15px 17px;border:1px solid var(--ec-border);border-radius:17px;background:var(--ec-panel-2);color:var(--ec-text)}.ec-message header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.ec-message time{color:var(--ec-muted);font-size:.72rem}.ec-message-admin{justify-self:start;border-top-left-radius:5px;border-left:3px solid var(--ec-primary)}.ec-message-user{justify-self:end;border-top-right-radius:5px;border-right:3px solid var(--ec-secondary)}@media(max-width:620px){.ec-message{max-width:96%}.ec-message header{display:block}.ec-message time{display:block;margin-top:3px}}

/* v5.4 focused action-page layout */
.ec-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;align-items:start}
.ec-form-grid .form-group{margin:0!important;min-width:0}
.ec-form-span-2{grid-column:1/-1}
.ec-form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:8px}
.ec-form-actions .btn{min-width:132px}
.ec-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:18px}
.ec-detail-item>span{color:var(--ec-muted)!important;font-size:.84rem;overflow-wrap:anywhere}
.ec-summary-card>span:first-child{margin:0 0 8px;color:var(--ec-muted)!important;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}
.ec-summary-card>small:last-child{margin:6px 0 0;color:var(--ec-muted)!important;font-weight:500;text-transform:none;letter-spacing:0;font-size:.78rem}
html[data-theme="light"] .ec-detail-item,html[data-theme="light"] .ec-summary-card{background:#fff!important;color:#0f172a!important}
html[data-theme="light"] .ec-detail-item strong,html[data-theme="light"] .ec-summary-card strong{color:#0f172a!important}
@media(max-width:760px){.ec-form-grid{grid-template-columns:1fr}.ec-form-span-2{grid-column:auto}.ec-form-actions{align-items:stretch;flex-direction:column}.ec-form-actions .btn{width:100%}}

/* ========================================================================
   EliteCap v5.5.0 - CMS/P2P runtime repair, light theme and folded navigation
   ======================================================================== */
.ec-message .ec-message-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
@media(max-width:620px){.ec-message .ec-message-head{display:block}.ec-message .ec-message-head time{display:block;margin-top:3px}}

@media(min-width:992px){
  body.ec-app-page.ec-sidebar-collapsed .ec-sidebar-scroll{padding-left:10px!important;padding-right:10px!important}
  body.ec-app-page.ec-sidebar-collapsed .ec-menu-item{display:block!important;width:100%!important}
  body.ec-app-page.ec-sidebar-collapsed .ec-menu-link{
    box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;
    width:56px!important;min-width:56px!important;max-width:56px!important;height:48px!important;
    margin-left:auto!important;margin-right:auto!important;padding:0!important;text-align:center!important;
  }
  body.ec-app-page.ec-sidebar-collapsed .ec-menu-link>.ec-menu-icon{
    box-sizing:border-box!important;position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;
    width:24px!important;min-width:24px!important;max-width:24px!important;height:24px!important;min-height:24px!important;
    margin:0 auto!important;padding:0!important;line-height:0!important;transform:none!important;
  }
  body.ec-app-page.ec-sidebar-collapsed .ec-menu-link>.ec-menu-icon svg{
    display:block!important;width:22px!important;height:22px!important;margin:auto!important;transform:none!important;
  }
}

html[data-theme="light"],body[data-theme="light"]{--ec-bg:#f3f7fb;--ec-panel:#ffffff;--ec-panel-2:#f7fafc;--ec-text:#0f172a;--ec-soft:#1e293b;--ec-muted:#526178;--ec-border:rgba(15,23,42,.14);--ec-border-strong:rgba(15,23,42,.25);color:#0f172a!important}
html[data-theme="light"] body,body[data-theme="light"],html[data-theme="light"] .ec-content,body[data-theme="light"] .ec-content{color:var(--ec-text)!important}
html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3,html[data-theme="light"] h4,html[data-theme="light"] h5,html[data-theme="light"] h6,
body[data-theme="light"] h1,body[data-theme="light"] h2,body[data-theme="light"] h3,body[data-theme="light"] h4,body[data-theme="light"] h5,body[data-theme="light"] h6{color:#0f172a!important}
html[data-theme="light"] p,html[data-theme="light"] td,html[data-theme="light"] label,html[data-theme="light"] li,html[data-theme="light"] .ec-module-head p,
body[data-theme="light"] p,body[data-theme="light"] td,body[data-theme="light"] label,body[data-theme="light"] li,body[data-theme="light"] .ec-module-head p{color:var(--ec-soft)!important}
html[data-theme="light"] .text-muted,body[data-theme="light"] .text-muted{color:var(--ec-muted)!important}
html[data-theme="light"] .form-control,html[data-theme="light"] .custom-select,body[data-theme="light"] .form-control,body[data-theme="light"] .custom-select{background:#fff!important;color:#0f172a!important;border-color:var(--ec-border)!important}
html[data-theme="light"] .form-control::placeholder,body[data-theme="light"] .form-control::placeholder{color:#7b8798!important;opacity:1}
html[data-theme="light"] .table,body[data-theme="light"] .table{color:#1e293b!important}
html[data-theme="light"] .table th,body[data-theme="light"] .table th{color:#526178!important;background:#f8fafc!important}
html[data-theme="light"] .ec-sidebar,body[data-theme="light"] .ec-sidebar{background:#fff!important;color:#0f172a!important;border-color:var(--ec-border)!important}
html[data-theme="light"] .ec-menu-link,body[data-theme="light"] .ec-menu-link{color:#334155!important}
html[data-theme="light"] .ec-menu-link:hover,html[data-theme="light"] .ec-menu-link.is-active,body[data-theme="light"] .ec-menu-link:hover,body[data-theme="light"] .ec-menu-link.is-active{color:#0f172a!important}
html[data-theme="light"] .ec-auth-footer,html[data-theme="light"] .ec-footer,body[data-theme="light"] .ec-auth-footer,body[data-theme="light"] .ec-footer{color:#526178!important}