.kyno-dashboard{
max-width:1100px;
margin:40px auto;
}

.kyno-dashboard h1{
font-size:2.5rem;
margin-bottom:10px;
color:#0F172A;
}

.kyno-dashboard-welcome{
background:#F8FAFC;
border:1px solid #E5E7EB;
border-radius:16px;
padding:18px 22px;
margin-bottom:25px;
font-size:1rem;
color:#374151;
}

.kyno-dashboard-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
gap:18px;
}

.kyno-dashboard-card{
background:#fff;
border:1px solid #E5E7EB;
border-radius:18px;
padding:22px;
text-decoration:none;
color:#111827;
transition:.2s ease;
box-shadow:0 4px 14px rgba(0,0,0,.04);
}

.kyno-dashboard-card:hover{
transform:translateY(-3px);
box-shadow:0 10px 24px rgba(0,0,0,.1);
}

.kyno-dashboard-icon{
font-size:1.8rem;
margin-bottom:12px;
}

.kyno-dashboard-title{
font-size:1.1rem;
font-weight:700;
margin-bottom:8px;
}

.kyno-dashboard-text{
font-size:.92rem;
line-height:1.5;
color:#6B7280;
}

.kyno-account-login{
max-width:500px;
margin:50px auto;
text-align:center;
background:#F8FAFC;
padding:30px;
border-radius:16px;
border:1px solid #E5E7EB;
}

.kyno-account-button{
display:inline-block;
margin-top:15px;
background:#1E3A8A;
color:#fff;
padding:10px 18px;
border-radius:10px;
text-decoration:none;
font-weight:600;
}

.kyno-account-button:hover{
opacity:.9;
}


@media(max-width:768px){

.kyno-dashboard{
margin:20px;
}

.kyno-dashboard h1{
font-size:2rem;
}

}