.dm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px;}
.dm-card{cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:20px 12px;text-align:center;transition:all .2s;}
.dm-card:hover{border-color:#1ab69d;transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.08);}
.dm-card.active{border:2px solid #1ab69d;background:rgba(26,182,157,0.06);}
.dm-card i{font-size:28px;color:#1ab69d;display:block;margin-bottom:8px;}
.dm-card span{font-size:14px;font-weight:600;color:#181818;line-height:1.3;display:block;}
.dm-panel{background:#f5f9fa;border:1px solid #e5e5e5;border-radius:10px;padding:30px;display:none;}
.dm-panel.show{display:block;animation:dmIn .3s ease;}
@keyframes dmIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}
.dm-panel h3{margin:0 0 12px;font-size:22px;font-weight:700;color:#181818;}
.dm-panel p{margin:0 0 15px;font-size:15px;line-height:1.8;color:#555;}
.dm-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#1ab69d;font-weight:600;text-decoration:none;}
.dm-link:hover{text-decoration:underline;}
.dm-placeholder{font-size:15px;color:#999;text-align:center;padding:30px 0;}