*{box-sizing:border-box}

:root{
--sidebar:#050d1a;
--sidebar2:#071426;
--background:#08111f;
--panel:#0d1929;
--panel2:#101f32;
--border:#1d3047;
--text:#eef6ff;
--muted:#7890aa;
--blue:#087cff;
--cyan:#04d9ff;
--green:#20d486;
--red:#ff5d68;
--yellow:#ffbe45;
}

html,body{margin:0;min-height:100%;background:var(--background);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}
button,input{font-family:inherit}

.app-shell{min-height:100vh}

.sidebar{
position:fixed;
left:0;top:0;bottom:0;
width:260px;
background:linear-gradient(180deg,var(--sidebar),var(--sidebar2));
border-right:1px solid #14283e;
display:flex;
flex-direction:column;
z-index:50;
transition:.25s;
}

.sidebar-brand{
height:82px;
display:flex;
align-items:center;
padding:0 20px;
gap:12px;
border-bottom:1px solid #13243a;
}

.brand-mark{
width:44px;height:44px;
border-radius:10px;
display:flex;align-items:center;justify-content:center;
font-weight:900;
background:linear-gradient(135deg,#036dff,#02d7ff);
box-shadow:0 0 25px rgba(0,139,255,.25);
}

.brand-copy strong{display:block;font-size:14px}
.brand-copy span{display:block;font-size:9px;letter-spacing:2px;color:var(--cyan);margin-top:4px}

.sidebar-scroll{overflow-y:auto;padding:14px 10px;flex:1}

.menu-label{
font-size:9px;
letter-spacing:1.5px;
font-weight:800;
color:#526a84;
padding:18px 12px 8px;
}

.menu-item{
width:100%;
height:42px;
border:0;
border-radius:8px;
display:flex;
align-items:center;
gap:11px;
padding:0 12px;
background:transparent;
color:#94a9bf;
cursor:pointer;
text-align:left;
font-size:12px;
font-weight:600;
margin:2px 0;
}

.menu-item:hover{background:#0e2136;color:white}

.menu-item.active{
background:linear-gradient(90deg,rgba(0,116,255,.20),rgba(0,217,255,.06));
color:#fff;
box-shadow:inset 3px 0 var(--cyan);
}

.menu-icon{
width:19px;
text-align:center;
color:#54b8ff;
font-size:15px;
}

.admin-menu{
margin-top:16px;
padding-top:12px;
border-top:1px solid #16283d;
}

.admin-badge{
display:inline-flex;
margin:5px 10px;
padding:5px 8px;
border-radius:5px;
font-size:8px;
font-weight:900;
letter-spacing:1px;
background:rgba(0,217,255,.10);
color:var(--cyan);
border:1px solid rgba(0,217,255,.20);
}

.sidebar-footer{
padding:14px 18px;
border-top:1px solid #15283d;
display:flex;
align-items:center;
gap:10px;
font-size:10px;
}

.sidebar-footer strong{display:block}
.sidebar-footer span{display:block;color:#617992;margin-top:3px}

.server-dot{
width:9px;height:9px;border-radius:50%;
background:var(--green);
box-shadow:0 0 10px var(--green);
}

.content-shell{margin-left:260px;min-height:100vh}

.topbar{
height:82px;
display:flex;
align-items:center;
justify-content:space-between;
padding:0 28px;
background:#0a1524;
border-bottom:1px solid var(--border);
position:sticky;
top:0;
z-index:20;
}

.topbar-left{display:flex;align-items:center;gap:14px}
.topbar-left h1{margin:0;font-size:19px}
.topbar-left span{display:block;color:var(--muted);font-size:10px;margin-top:4px}

.sidebar-toggle{
display:none;
border:1px solid var(--border);
background:#101f31;
color:white;
border-radius:7px;
width:38px;height:38px;
cursor:pointer;
}

.topbar-right{display:flex;align-items:center;gap:9px}

.status-pill{
display:inline-flex;
align-items:center;
padding:6px 10px;
border-radius:20px;
font-size:9px;
font-weight:900;
letter-spacing:.6px;
background:#17283b;
color:#91a6bd;
}

.status-pill.paper{background:rgba(0,126,255,.12);color:#59a9ff}
.status-pill.good{background:rgba(32,212,134,.11);color:var(--green)}
.status-pill.bad{background:rgba(255,93,104,.12);color:var(--red)}
.status-pill.neutral{color:#8ba0b7}

.user-chip{
display:flex;
align-items:center;
gap:9px;
margin-left:8px;
padding-left:15px;
border-left:1px solid var(--border);
}

.user-avatar{
width:34px;height:34px;border-radius:50%;
display:flex;align-items:center;justify-content:center;
background:linear-gradient(135deg,#087cff,#00c9ff);
font-weight:900;
font-size:12px;
}

.user-info strong{display:block;font-size:11px}
.user-info span{display:block;color:var(--muted);font-size:9px;margin-top:2px}

.main-content{padding:24px;max-width:1550px;margin:auto}

.page{display:none}
.page.active{display:block}

.metrics{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:13px;
margin-bottom:15px;
}

.metrics.inner{grid-template-columns:repeat(3,1fr)}

.metric-card{
background:linear-gradient(145deg,var(--panel),#0b1726);
border:1px solid var(--border);
border-radius:11px;
padding:18px;
min-height:110px;
}

.metric-card.featured{
border-color:#164a79;
background:linear-gradient(145deg,#0c1c31,#0b2139);
}

.metric-label{
display:block;
font-size:9px;
letter-spacing:1px;
color:#718ba6;
font-weight:800;
}

.metric-card strong{
display:block;
font-size:27px;
margin:10px 0 6px;
}

.metric-foot{font-size:10px;color:var(--muted)}

.panel{
background:linear-gradient(145deg,var(--panel),#0b1726);
border:1px solid var(--border);
border-radius:11px;
padding:19px;
margin-bottom:15px;
}

.panel-header{
display:flex;
align-items:center;
justify-content:space-between;
gap:12px;
margin-bottom:17px;
}

.panel h2{margin:0;font-size:14px}
.panel-header p{margin:5px 0 0;color:var(--muted);font-size:10px}

.market-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:10px;
}

.market-card{
background:var(--panel2);
border:1px solid var(--border);
border-radius:9px;
padding:13px;
}

.market-card.approved{
border-color:#16875a;
box-shadow:0 0 18px rgba(32,212,134,.06);
}

.market-symbol{font-size:11px;font-weight:900}
.market-price{font-size:18px;font-weight:800;margin:8px 0 12px}

.market-row{
display:flex;
justify-content:space-between;
gap:6px;
font-size:9px;
color:#718ba5;
margin-top:6px;
}

.market-row b{color:#b9c9d9;text-align:right}

.empty-state,.placeholder-module,.info-box{
padding:18px;
border-radius:8px;
background:#0a1523;
border:1px dashed #203650;
color:#6f879f;
font-size:11px;
}

.control-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}

.action-button,.primary-button{
border:0;
border-radius:7px;
padding:10px 15px;
font-size:10px;
font-weight:900;
cursor:pointer;
}

.action-button.success{background:rgba(32,212,134,.13);color:var(--green)}
.action-button.warning{background:rgba(255,190,69,.13);color:var(--yellow)}
.action-button.danger{background:rgba(255,93,104,.13);color:var(--red)}

.primary-button{
background:linear-gradient(135deg,#087cff,#0064da);
color:white;
margin-top:13px;
}

.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}

.data-list>div{
display:flex;
justify-content:space-between;
padding:11px 0;
border-bottom:1px solid #172a40;
font-size:11px;
}

.data-list span{color:var(--muted)}

.table-wrap{overflow:auto}

table{width:100%;border-collapse:collapse;font-size:10px}
th{color:#667f99;font-size:9px;letter-spacing:.7px}
th,td{padding:10px;border-bottom:1px solid #172a40;text-align:left;white-space:nowrap}

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

.field label{display:block;font-size:9px;color:#718ba5;margin-bottom:6px}

input{
width:100%;
border:1px solid var(--border);
background:#081321;
color:white;
padding:10px;
border-radius:7px;
outline:none;
}

input:focus{border-color:#087cff}

.full-input{margin-top:12px}

.module-description{color:var(--muted);font-size:11px;line-height:1.7}

.module-tag{
font-size:8px;
padding:5px 7px;
border-radius:5px;
background:#12283e;
color:#67b9ff;
}

.good{color:var(--green)!important}
.bad{color:var(--red)!important}
.warning{color:var(--yellow)!important}

@media(max-width:1100px){
.market-grid{grid-template-columns:repeat(2,1fr)}
.metrics{grid-template-columns:repeat(2,1fr)}
.config-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:760px){

.sidebar{transform:translateX(-100%)}
.sidebar.open{transform:translateX(0)}

.content-shell{margin-left:0}
.sidebar-toggle{display:block}

.topbar{padding:0 14px;height:68px}
.main-content{padding:14px}

.user-info{display:none}
.user-chip{padding-left:7px}

.metrics{grid-template-columns:1fr 1fr;gap:8px}
.metric-card{padding:14px;min-height:95px}
.metric-card strong{font-size:21px}

.market-grid{grid-template-columns:1fr}
.config-grid,.module-grid{grid-template-columns:1fr}

.topbar-right{gap:5px}

}



/* =========================================================
   WDT TRADING V41.4 · SAAS ADMIN
========================================================= */

.saas-summary-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:13px;
margin-bottom:15px;
}

.inline-button{
margin-top:0;
white-space:nowrap;
}

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

.plan-card{
position:relative;
background:linear-gradient(145deg,#0e1d30,#091624);
border:1px solid var(--border);
border-radius:12px;
padding:18px;
overflow:hidden;
}

.plan-card:before{
content:"";
position:absolute;
left:0;
top:0;
bottom:0;
width:3px;
background:linear-gradient(var(--blue),var(--cyan));
}

.plan-code{
font-size:9px;
font-weight:900;
letter-spacing:1.2px;
color:var(--cyan);
}

.plan-name{
font-size:18px;
font-weight:900;
margin-top:8px;
}

.plan-price{
font-size:25px;
font-weight:900;
margin:17px 0;
}

.plan-price small{
font-size:9px;
font-weight:600;
color:var(--muted);
}

.plan-limits{
border-top:1px solid var(--border);
padding-top:12px;
}

.plan-limit{
display:flex;
justify-content:space-between;
font-size:10px;
padding:5px 0;
color:var(--muted);
}

.plan-limit strong{
color:#dce9f6;
}


.modal-backdrop{
position:fixed;
inset:0;
background:rgba(0,5,13,.78);
backdrop-filter:blur(5px);
z-index:500;
display:none;
align-items:center;
justify-content:center;
padding:20px;
}

.modal-backdrop.open{
display:flex;
}

.wdt-modal{
display:none;
width:min(620px,100%);
max-height:90vh;
overflow:auto;
background:#0b1727;
border:1px solid #23405e;
border-radius:13px;
box-shadow:0 25px 80px rgba(0,0,0,.55);
padding:20px;
}

.wdt-modal.open{
display:block;
}

.modal-header{
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:15px;
border-bottom:1px solid var(--border);
padding-bottom:14px;
margin-bottom:17px;
}

.modal-header h2{
font-size:16px;
margin:0;
}

.modal-header p{
font-size:10px;
color:var(--muted);
margin:5px 0 0;
}

.modal-close{
width:34px;
height:34px;
border:1px solid var(--border);
border-radius:7px;
background:#101f31;
color:#a9bdd1;
font-size:20px;
cursor:pointer;
}

.modal-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:13px;
}

select{
width:100%;
border:1px solid var(--border);
background:#081321;
color:white;
padding:10px;
border-radius:7px;
outline:none;
}

select:focus{
border-color:#087cff;
}

.checkbox-field{
display:flex;
align-items:center;
}

.checkbox-field label{
display:flex;
align-items:center;
gap:8px;
cursor:pointer;
}

.checkbox-field input{
width:auto;
}

.modal-actions{
display:flex;
justify-content:flex-end;
gap:8px;
border-top:1px solid var(--border);
margin-top:18px;
padding-top:15px;
}

.secondary-button{
border:1px solid var(--border);
background:#101d2d;
color:#9cb0c5;
border-radius:7px;
padding:10px 15px;
font-size:10px;
font-weight:900;
cursor:pointer;
}

.form-message{
min-height:18px;
margin-top:12px;
font-size:10px;
}

.company-name{
font-weight:800;
color:#eaf4ff;
}

.muted-cell{
color:var(--muted);
}

@media(max-width:1000px){

.saas-summary-grid{
grid-template-columns:repeat(2,1fr);
}

.plans-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:650px){

.saas-summary-grid,
.plans-grid,
.modal-grid{
grid-template-columns:1fr;
}

.wdt-modal{
padding:15px;
}

}


/* =========================================================
   WDT TRADING V41.6 · AUTH
========================================================= */

.login-screen{
position:fixed;
inset:0;
z-index:5000;
display:flex;
align-items:center;
justify-content:center;
padding:20px;
background:
radial-gradient(circle at 20% 20%,rgba(0,120,255,.13),transparent 30%),
radial-gradient(circle at 80% 80%,rgba(0,217,255,.08),transparent 32%),
#020914;
overflow:hidden;
}

.login-screen.hidden{
display:none;
}

.login-glow{
position:absolute;
border-radius:50%;
filter:blur(100px);
pointer-events:none;
}

.login-glow-one{
width:350px;
height:350px;
background:rgba(0,120,255,.12);
top:-100px;
left:-80px;
}

.login-glow-two{
width:300px;
height:300px;
background:rgba(0,217,255,.09);
right:-80px;
bottom:-80px;
}

.login-card{
position:relative;
z-index:2;
width:min(420px,100%);
background:linear-gradient(
145deg,
rgba(11,28,48,.98),
rgba(5,17,31,.98)
);
border:1px solid #163d65;
border-radius:18px;
padding:30px;
box-shadow:
0 30px 90px rgba(0,0,0,.65),
0 0 40px rgba(0,120,255,.06);
}

.login-brand{
display:flex;
align-items:center;
gap:13px;
padding-bottom:20px;
border-bottom:1px solid #12304f;
}

.login-logo-mark{
width:58px;
height:58px;
display:flex;
align-items:center;
justify-content:center;
font-size:19px;
font-weight:1000;
font-style:italic;
letter-spacing:-2px;
border-radius:12px;
color:#fff;
background:
linear-gradient(135deg,#006fff,#00dcff);
box-shadow:0 0 22px rgba(0,174,255,.22);
}

.login-brand h1{
font-size:18px;
letter-spacing:1px;
margin:0;
color:#f4f9ff;
}

.login-brand p{
font-size:9px;
font-weight:900;
letter-spacing:2px;
color:#00d9ff;
margin:4px 0 0;
}

.login-heading{
margin:25px 0 20px;
}

.login-heading h2{
font-size:22px;
margin:0;
}

.login-heading p{
font-size:11px;
color:#7f9bbd;
margin:6px 0 0;
}

.login-field{
margin-bottom:15px;
}

.login-field label{
display:block;
font-size:9px;
font-weight:900;
letter-spacing:.7px;
color:#8ca8c5;
margin-bottom:7px;
text-transform:uppercase;
}

.login-field input{
width:100%;
box-sizing:border-box;
background:#061321;
border:1px solid #173b5d;
border-radius:9px;
padding:13px 14px;
color:#f6fbff;
outline:none;
}

.login-field input:focus{
border-color:#008cff;
box-shadow:0 0 0 3px rgba(0,140,255,.08);
}

.password-wrap{
position:relative;
}

.password-wrap input{
padding-right:60px;
}

.password-toggle{
position:absolute;
right:7px;
top:50%;
transform:translateY(-50%);
border:0;
background:transparent;
color:#00d9ff;
font-size:8px;
font-weight:900;
cursor:pointer;
}

.login-submit{
width:100%;
margin-top:5px;
border:0;
border-radius:9px;
padding:13px;
background:linear-gradient(90deg,#0078ff,#00cfff);
color:white;
font-size:10px;
font-weight:1000;
letter-spacing:.8px;
cursor:pointer;
box-shadow:0 8px 30px rgba(0,120,255,.22);
}

.login-submit:disabled{
opacity:.55;
cursor:wait;
}

.login-message{
min-height:20px;
font-size:10px;
margin-bottom:5px;
}

.login-message.error{
color:#ff6476;
}

.login-security{
display:flex;
align-items:center;
justify-content:center;
gap:7px;
font-size:8px;
color:#6887a7;
margin-top:22px;
}

.security-dot{
width:6px;
height:6px;
border-radius:50%;
background:#00e5a0;
box-shadow:0 0 9px #00e5a0;
}


.user-session-box{
cursor:pointer;
}

.account-profile{
display:flex;
align-items:center;
gap:13px;
padding:5px 0 20px;
}

.account-avatar{
width:48px;
height:48px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-weight:1000;
background:linear-gradient(135deg,#0078ff,#00d9ff);
color:white;
}

.account-meta{
display:flex;
gap:6px;
margin-top:5px;
font-size:9px;
color:#7f9bbd;
}

.account-section{
border-top:1px solid #15314e;
padding-top:17px;
margin-top:5px;
}

.account-section h3{
font-size:12px;
margin:0 0 13px;
}

.account-help{
font-size:9px;
line-height:1.6;
color:#7f9bbd;
}

.account-info-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
}

.account-info-grid div{
padding:11px;
border:1px solid #153653;
background:#071524;
border-radius:8px;
}

.account-info-grid span{
display:block;
font-size:8px;
font-weight:900;
color:#718ca8;
margin-bottom:5px;
}

.account-info-grid strong{
font-size:10px;
}

[data-super-admin-only]{
display:none !important;
}

body.is-super-admin [data-super-admin-only]{
display:flex !important;
}

@media(max-width:600px){

.login-card{
padding:22px;
}

.account-info-grid{
grid-template-columns:1fr;
}

}


/* =========================================================
   WDT TRADING V41.7 · USERS
========================================================= */

.user-stats{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
margin-bottom:15px;
}

.floating-account{
position:fixed;
right:18px;
bottom:18px;
z-index:300;
display:flex;
align-items:stretch;
gap:6px;
}

.account-access-button{
display:flex;
align-items:center;
gap:9px;
min-width:205px;
padding:9px 12px;
border:1px solid #17466f;
border-radius:10px;
background:
linear-gradient(
145deg,
rgba(10,31,53,.97),
rgba(6,20,36,.97)
);
box-shadow:
0 12px 35px rgba(0,0,0,.35);
color:#eaf6ff;
cursor:pointer;
text-align:left;
}

.account-access-button:hover{
border-color:#008cff;
}

.account-access-icon{
width:31px;
height:31px;
display:flex;
align-items:center;
justify-content:center;
border-radius:8px;
background:#0b2a47;
}

.account-access-button strong{
display:block;
font-size:9px;
letter-spacing:.5px;
}

.account-access-button small{
display:block;
max-width:145px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
font-size:8px;
color:#7795b4;
margin-top:3px;
}

.logout-access-button{
border:1px solid #343d4a;
border-radius:10px;
background:#101923;
color:#8da1b5;
font-size:8px;
font-weight:900;
padding:0 12px;
cursor:pointer;
}

.logout-access-button:hover{
border-color:#ff5065;
color:#ff7b8b;
}

.user-actions{
display:flex;
align-items:center;
gap:5px;
flex-wrap:wrap;
}

.user-action{
border:1px solid #1a405f;
background:#0b1c2d;
color:#9fc2df;
border-radius:6px;
padding:6px 8px;
font-size:8px;
font-weight:900;
cursor:pointer;
white-space:nowrap;
}

.user-action:hover{
border-color:#008cff;
color:#fff;
}

.user-action.password{
color:#00d9ff;
}

.user-action.danger{
color:#ff7585;
}

.role-badge{
display:inline-flex;
padding:4px 7px;
border-radius:5px;
font-size:8px;
font-weight:900;
letter-spacing:.4px;
border:1px solid #174467;
background:#0b2238;
color:#87cfff;
}

.role-badge.super{
border-color:#087d9d;
background:#062c39;
color:#00dcff;
}

.small-modal{
max-width:430px;
}

@media(max-width:700px){

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

.floating-account{
left:10px;
right:10px;
bottom:10px;
}

.account-access-button{
flex:1;
min-width:0;
}

}


/* =========================================================
   WDT TRADING V42 · QUANT LAB
========================================================= */

.quant-hero{
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
margin-bottom:15px;
padding:18px 20px;
border:1px solid #173753;
border-radius:12px;
background:
linear-gradient(
135deg,
rgba(5,25,43,.98),
rgba(7,17,31,.98)
);
}

.quant-kicker{
font-size:9px;
font-weight:900;
letter-spacing:1.6px;
color:#00d9ff;
margin-bottom:7px;
}

.quant-hero h2{
margin:0;
font-size:19px;
}

.quant-hero p{
margin:6px 0 0;
font-size:10px;
color:var(--muted);
}

.quant-source{
text-align:right;
}

.quant-source span{
display:block;
font-size:8px;
color:var(--muted);
}

.quant-source strong{
display:block;
margin-top:5px;
font-size:9px;
color:#00d9ff;
}

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

.quant-config{
position:sticky;
top:12px;
}

.quant-form{
display:grid;
grid-template-columns:1fr 1fr;
gap:9px;
}

.quant-form label{
display:flex;
flex-direction:column;
gap:5px;
font-size:8px;
font-weight:800;
color:#7897b5;
}

.quant-form input,
.quant-form select{
width:100%;
box-sizing:border-box;
border:1px solid #173753;
border-radius:7px;
background:#081523;
color:#eaf6ff;
padding:9px;
font-size:9px;
outline:none;
}

.quant-form input:focus,
.quant-form select:focus{
border-color:#008cff;
}

.quant-run{
width:100%;
margin-top:13px;
padding:11px;
}

.quant-status{
margin-top:10px;
padding:9px;
border-radius:7px;
background:#081523;
font-size:8px;
color:#7897b5;
}

.quant-main{
display:flex;
flex-direction:column;
gap:14px;
min-width:0;
}

.quant-metrics{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:9px;
}

.quant-chart{
height:280px;
padding-top:8px;
}

.quant-chart svg{
width:100%;
height:100%;
overflow:visible;
}

.quant-equity-line{
fill:none;
stroke:#00d9ff;
stroke-width:2;
vector-effect:non-scaling-stroke;
}

.quant-equity-area{
fill:rgba(0,217,255,.08);
stroke:none;
}

.quant-grid-line{
stroke:#173753;
stroke-width:1;
vector-effect:non-scaling-stroke;
}

.quant-two{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
}

.quant-data{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:9px;
margin-top:14px;
}

.quant-data div,
.quant-direction div,
.quant-robust > div{
padding:12px;
border:1px solid #163650;
border-radius:8px;
background:#081523;
}

.quant-data span,
.quant-direction span,
.quant-robust span{
display:block;
font-size:8px;
color:#7897b5;
}

.quant-data strong,
.quant-direction strong,
.quant-robust strong{
display:block;
margin-top:6px;
font-size:14px;
}

.quant-direction{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
margin-top:14px;
}

.quant-robust{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px;
margin-top:14px;
}

.quant-robust small{
display:block;
margin-top:5px;
font-size:8px;
line-height:1.5;
color:#7897b5;
}

.quant-warning{
padding:12px 14px;
border:1px solid #594919;
border-radius:8px;
background:rgba(95,72,8,.12);
font-size:9px;
line-height:1.6;
color:#cdbf88;
}

@media(max-width:1250px){

.quant-metrics{
grid-template-columns:repeat(3,1fr);
}

}

@media(max-width:900px){

.quant-layout{
grid-template-columns:1fr;
}

.quant-config{
position:static;
}

.quant-two{
grid-template-columns:1fr;
}

.quant-robust{
grid-template-columns:1fr;
}

}

@media(max-width:600px){

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

.quant-source{
text-align:left;
}

.quant-form{
grid-template-columns:1fr;
}

.quant-metrics{
grid-template-columns:1fr 1fr;
}

.quant-data{
grid-template-columns:1fr 1fr;
}

}



/* =========================================================
   WDT QUANT LAB V42.1 · IS/OOS
========================================================= */

.quant-isoos{
display:grid;
grid-template-columns:
minmax(0,1fr)
40px
minmax(0,1fr);
gap:12px;
align-items:center;
margin-top:14px;
}

.quant-sample{
display:grid;
grid-template-columns:
repeat(5,1fr);
gap:8px;
padding:12px;
border:1px solid #173753;
border-radius:9px;
background:#081523;
}

.quant-sample-title{
grid-column:1/-1;
font-size:9px;
font-weight:900;
letter-spacing:1px;
color:#00d9ff;
margin-bottom:3px;
}

.quant-sample div span{
display:block;
font-size:7px;
color:#7897b5;
}

.quant-sample div strong{
display:block;
margin-top:5px;
font-size:11px;
}

.quant-arrow{
text-align:center;
font-size:22px;
font-weight:900;
color:#00d9ff;
}

.quant-retention{
display:grid;
grid-template-columns:
repeat(3,1fr);
gap:8px;
margin-top:10px;
}

.quant-retention div{
padding:10px;
border:1px solid #163650;
border-radius:8px;
background:#081523;
}

.quant-retention span{
display:block;
font-size:7px;
color:#7897b5;
}

.quant-retention strong{
display:block;
margin-top:5px;
font-size:12px;
}

.quant-overfit{
margin-top:10px;
padding:10px;
border:1px solid #173753;
border-radius:8px;
font-size:8px;
line-height:1.6;
color:#7897b5;
background:#07131f;
}

.quant-overfit.warning{
border-color:#6b5416;
color:#e5c86c;
}

.quant-overfit.danger{
border-color:#692b34;
color:#ff7d8a;
}

@media(max-width:1100px){

.quant-isoos{
grid-template-columns:1fr;
}

.quant-arrow{
transform:rotate(90deg);
}

.quant-sample{
grid-template-columns:
repeat(3,1fr);
}

}

@media(max-width:650px){

.quant-sample{
grid-template-columns:
1fr 1fr;
}

.quant-retention{
grid-template-columns:1fr;
}

}



/* =========================================================
   V42.2 · STRATEGY CHALLENGER
========================================================= */

.challenger-summary{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:9px;
margin:14px 0 10px;
}

.challenger-summary div{
padding:12px;
border:1px solid #173753;
border-radius:8px;
background:#081523;
}

.challenger-summary span{
display:block;
font-size:7px;
color:#7897b5;
}

.challenger-summary strong{
display:block;
margin-top:6px;
font-size:12px;
}

@media(max-width:850px){

.challenger-summary{
grid-template-columns:1fr 1fr;
}

}

@media(max-width:500px){

.challenger-summary{
grid-template-columns:1fr;
}

}



/* =========================================================
   V42.3 · ADVANCED ROBUSTNESS
========================================================= */

.robustness-verdict{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:9px;
margin:14px 0 10px;
}

.robustness-verdict div{
padding:12px;
border:1px solid #173753;
border-radius:8px;
background:#081523;
}

.robustness-verdict span{
display:block;
font-size:7px;
color:#7897b5;
}

.robustness-verdict strong{
display:block;
margin-top:6px;
font-size:12px;
}

.inner-panel{
background:#081523;
}

.walk-folds{
display:grid;
grid-template-columns:
repeat(4,1fr);
gap:7px;
margin-top:12px;
}

.walk-fold{
padding:9px;
border:1px solid #173753;
border-radius:7px;
background:#07131f;
}

.walk-fold span{
display:block;
font-size:7px;
color:#7897b5;
}

.walk-fold strong{
display:block;
font-size:11px;
margin-top:5px;
}

.walk-fold.good-fold{
border-color:#155f4c;
}

.walk-fold.bad-fold{
border-color:#66303a;
}

@media(max-width:900px){

.robustness-verdict{
grid-template-columns:1fr 1fr;
}

.walk-folds{
grid-template-columns:1fr 1fr;
}

}



/* =========================================================
   V42.4 · SHADOW TOURNAMENT
========================================================= */

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

.shadow-status-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:9px;
margin:14px 0 10px;
}

.shadow-status-grid div{
padding:12px;
border:1px solid #173753;
border-radius:8px;
background:#081523;
}

.shadow-status-grid span{
display:block;
font-size:7px;
color:#7897b5;
}

.shadow-status-grid strong{
display:block;
font-size:12px;
margin-top:6px;
}

.shadow-leader{
color:#00d9ff;
font-weight:900;
}

@media(max-width:850px){

.shadow-status-grid{
grid-template-columns:1fr 1fr;
}

}

@media(max-width:520px){

.shadow-status-grid{
grid-template-columns:1fr;
}

.shadow-actions{
flex-direction:column;
}

}



/* =========================================================
   V42.4 · UNIFIED STRATEGY VERDICT
========================================================= */

.strategy-verdict-card{
display:grid;
grid-template-columns:
minmax(0,1.4fr)
minmax(360px,1fr);
gap:18px;
padding:18px;
margin-bottom:14px;
border:1px solid #174263;
border-radius:11px;
background:
linear-gradient(
135deg,
#071727,
#091522
);
}

.strategy-verdict-label{
display:block;
font-size:8px;
font-weight:900;
letter-spacing:1.3px;
color:#00d9ff;
margin-bottom:8px;
}

.strategy-verdict-card > div > strong{
font-size:22px;
letter-spacing:.4px;
}

.strategy-verdict-card p{
max-width:720px;
font-size:9px;
line-height:1.6;
color:#7f9bbd;
margin-top:8px;
}

.strategy-verdict-metrics{
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
}

.strategy-verdict-metrics div{
padding:10px;
border:1px solid #173753;
border-radius:8px;
background:#07131f;
}

.strategy-verdict-metrics span{
display:block;
font-size:7px;
color:#7897b5;
}

.strategy-verdict-metrics strong{
display:block;
margin-top:5px;
font-size:12px;
}

.strategy-verdict-card.rejected{
border-color:#70303a;
}

.strategy-verdict-card.rejected
#qStrategyVerdict{
color:#ff6877;
}

.strategy-verdict-card.positive{
border-color:#17634e;
}

.strategy-verdict-card.positive
#qStrategyVerdict{
color:#44d6a0;
}

@media(max-width:900px){

.strategy-verdict-card{
grid-template-columns:1fr;
}

}