*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
background:#080f1f;
color:white;
font-family:Arial,sans-serif;
}

.dashboard{
max-width:1400px;
margin:auto;
padding:25px;
}

.header{
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
border-bottom:1px solid #263449;
padding-bottom:25px;
}

.header h1{
color:#38bdf8;
font-size:28px;
}

.header p{
color:#94a3b8;
margin-top:6px;
}

.header-status{
text-align:right;
}

#indiaTime{
margin-bottom:12px;
font-size:14px;
}

.badge{
padding:9px 16px;
border-radius:25px;
font-size:12px;
font-weight:bold;
display:inline-block;
}

.open{
background:#064e3b;
color:#4ade80;
}

.closed{
background:#7f1d1d;
color:#fca5a5;
}

.welcome{
margin:35px 0 20px;
}

.welcome h2{
font-size:25px;
}

.welcome p{
color:#94a3b8;
margin-top:8px;
}

.info-bar{
background:#11243b;
padding:15px;
border-radius:12px;
display:flex;
justify-content:space-between;
gap:12px;
margin-bottom:25px;
color:#38bdf8;
font-size:13px;
}

.grid{
display:grid;
gap:20px;
}

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

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

.card{
background:#111c30;
border:1px solid #263449;
border-radius:18px;
padding:25px;
transition:.3s;
}

.card:hover{
border-color:#38bdf8;
}

.card-head{
display:flex;
justify-content:space-between;
align-items:center;
}

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

.tag{
background:#1e3a5f;
color:#38bdf8;
padding:6px 12px;
border-radius:8px;
font-size:12px;
}

.card h2{
margin:20px 0;
font-size:32px;
}

.card p{
color:#94a3b8;
}

.card small{
color:#94a3b8;
}

.divider{
border-top:1px solid #263449;
margin:20px 0;
}

.section-title{
margin:40px 0 20px;
font-size:22px;
}

.center{
text-align:center;
}

.icon{
font-size:35px;
margin-bottom:15px;
}

.yellow{
color:#facc15!important;
font-weight:bold;
margin:15px 0;
}

.green{
color:#4ade80!important;
}

.red{
color:#f87171!important;
}

.blue{
color:#38bdf8!important;
}

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

.trading-card h3{
font-size:22px;
margin-bottom:10px;
}

.switch-area{
display:flex;
align-items:center;
gap:15px;
}

.switch{
position:relative;
display:inline-block;
width:65px;
height:34px;
}

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

.slider{
position:absolute;
cursor:pointer;
inset:0;
background:#991b1b;
border-radius:34px;
transition:.3s;
}

.slider:before{
position:absolute;
content:"";
height:26px;
width:26px;
left:4px;
bottom:4px;
background:white;
border-radius:50%;
transition:.3s;
}

input:checked + .slider{
background:#16a34a;
}

input:checked + .slider:before{
transform:translateX(31px);
}

.switch input:focus-visible + .slider{
outline:3px solid #38bdf8;
outline-offset:3px;
}

.warning{
color:#facc15;
font-size:13px;
margin-top:15px;
}

.server-row{
display:flex;
justify-content:space-between;
gap:15px;
padding:18px 0;
border-bottom:1px solid #263449;
}

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

.server-row span{
color:#94a3b8;
}

.server-row strong{
text-align:right;
}

footer{
text-align:center;
margin-top:50px;
color:#64748b;
font-size:13px;
}

footer p{
margin:8px;
}

@media(max-width:768px){

.dashboard{
padding:15px;
}

.header{
flex-direction:column;
text-align:center;
}

.header-status{
text-align:center;
}

.header h1{
font-size:23px;
}

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

.info-bar{
flex-direction:column;
text-align:center;
}

.trading-card{
flex-direction:column;
text-align:center;
}

.card h2{
font-size:28px;
}

.section-title{
font-size:20px;
}

}