:root{
 --pbg:#030712;
 --card:rgba(17,24,39,.9);
 --border:rgba(255,255,255,.08);
 --cyan:#22d3ee;
 --green:#10b981;
 --orange:#fb923c;
}
body{background:var(--pbg)}
.p-card{
 background:var(--card);
 border:1px solid var(--border);
 border-radius:20px;
 box-shadow:0 20px 50px rgba(0,0,0,.35);
 padding:16px;
}
.p-btn{
 border-radius:14px;
 padding:12px 16px;
 font-weight:700;
 border:none;
 cursor:pointer;
}
.p-btn-main{background:var(--cyan);color:#001018}
.p-btn-success{background:var(--green);color:white}
.p-btn-warn{background:var(--orange);color:black}
.p-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.p-kpi{font-size:26px;font-weight:900}


/* V75 RESPONSIVE TABLES */
@media (max-width:768px){
table thead{display:none}
table tr{
display:block;
margin-bottom:12px;
background:#111827;
border-radius:12px;
padding:12px;
border:1px solid rgba(255,255,255,.05)
}
table td{
display:flex;
justify-content:space-between;
padding:6px 0;
font-size:14px
}
table td:before{
content:attr(data-label);
font-weight:600;
opacity:.7
}
}


/* V76 UNIFIED STABLE READY */
:root{--v76-cyan:#14d7ff;--v76-green:#10b981}
.card,.small-box,.info-box,.modal-content{border-radius:18px!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 18px 40px rgba(0,0,0,.22)!important}
.card-header{background:transparent!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
.content-wrapper{background:#0b1321!important;overflow-x:hidden}
.btn-primary{background:var(--v76-cyan)!important;border-color:var(--v76-cyan)!important;color:#03111a!important;font-weight:700}
.btn-success{background:var(--v76-green)!important;border-color:var(--v76-green)!important}
@media (max-width:768px){
.table-mobile-cards thead{display:none!important}
.table-mobile-cards tbody tr{display:block;margin-bottom:12px;background:#111827;border-radius:14px;border:1px solid rgba(255,255,255,.06);padding:12px}
.table-mobile-cards tbody td{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border:none!important}
.table-mobile-cards tbody td:before{content:attr(data-label);font-weight:700;opacity:.72;min-width:96px}
.content-header h1{font-size:1.8rem!important}
}



/* V90 Voice Toggle UI */
#navVoiceBtn{
 position:absolute;
 top:14px;
 right:14px;
 z-index:9999;
 background:rgba(15,23,42,0.85);
 backdrop-filter:blur(6px);
 border:1px solid rgba(255,255,255,0.1);
 color:#fff;
 padding:8px 14px;
 border-radius:12px;
 font-size:13px;
 cursor:pointer;
 transition:all .2s ease;
}
#navVoiceBtn:hover{
 background:#1e293b;
}



/* V91 Elegant Voice Button */
.nav-voice-btn{
 position:absolute;
 top:14px;
 right:14px;
 z-index:9999;
 padding:10px 16px;
 border-radius:14px;
 border:1px solid rgba(255,255,255,0.12);
 backdrop-filter:blur(8px);
 font-size:13px;
 cursor:pointer;
 transition:all .2s ease;
}

.nav-voice-btn.on{
 background:rgba(16,185,129,0.15);
 color:#10b981;
}

.nav-voice-btn.off{
 background:rgba(239,68,68,0.15);
 color:#ef4444;
}

.nav-voice-btn:hover{
 transform:scale(1.05);
}