.plan-module{

max-width:1000px;
margin:20px auto 40px auto;

padding:20px 25px;

background:#0f1622;
border:1px solid #1f2a3d;
border-radius:10px;

display:flex;
flex-direction:column;
gap:20px;

}

.plan-grid{

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

}

.plan-card{

background:#121b2a;
border:1px solid #1f2a3d;
border-radius:10px;

padding:16px;

display:flex;
flex-direction:column;
gap:10px;

transition:all 0.2s ease;

}

.plan-card:hover{

transform:translateY(-3px);
border-color:#32435e;

}

.plan-icon{

font-size:20px;

}

.plan-row{

display:flex;
justify-content:space-between;

font-size:13px;
color:#cbd5e1;

}

.plan-active{

color:#00ff88;

}

.plan-services{

padding-left:18px;
font-size:13px;
color:#cbd5e1;

}

.renewal-date{

font-size:22px;
font-weight:bold;
color:#e2e8f0;

}

.plan-actions{

display:flex;
flex-direction:column;
gap:8px;

}

.ai-status{

font-size:12px;
color:#9fb4d0;

}