:root{--cd:#FF7A00;--ink:#0F172A;--muted:#64748B;--bd:#E5E7EB;--bg:#FFFFFF}
.cdm-wrap{position:relative;font-family:system-ui,-apple-system,Segoe UI,Roboto}
.cdm-bar{display:flex;gap:16px;padding:8px 0}
.cdm-top{padding:8px 12px;border-radius:8px;text-decoration:none;color:var(--ink);background:transparent;border:1px solid transparent}
.cdm-top:hover{border-color:var(--bd);background:#fafafa}

.cdm-panel{display:none;position:relative;background:var(--bg);border:1px solid var(--bd);border-radius:12px;padding:16px;margin-top:8px;box-shadow:0 10px 24px rgba(15,23,42,.08)}
.cdm-panel.is-open{display:flex;gap:24px}
.cdm-left{width:240px;border-right:1px solid var(--bd);padding-right:16px;display:flex;flex-direction:column;gap:6px}
.cdm-left .cdm-tab{background:transparent;border:0;text-align:left;padding:10px 12px;border-radius:8px;color:var(--ink);cursor:pointer}
.cdm-left .cdm-tab:hover{background:#f8fafc}
.cdm-left .cdm-tab.active{background:#fff;box-shadow:0 0 0 1px var(--bd) inset;color:var(--ink);font-weight:600}

.cdm-right{flex:1;min-width:0}
.cdm-group{display:none}
.cdm-group.active{display:block}
.cdm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0}
.cdm-grid a{display:block;padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--ink)}
.cdm-grid a:hover{background:#f8fafc;box-shadow:inset 0 0 0 1px var(--bd)}

.cdm-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cdm-cards-small{grid-template-columns:repeat(2,minmax(0,220px))}
.cdm-card{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border:1px solid var(--bd);border-radius:12px;text-decoration:none;color:var(--ink);background:#fff}
.cdm-card:hover{box-shadow:0 6px 16px rgba(15,23,42,.08)}
.cdm-card-title{font-weight:600}
.cdm-card-cta{color:var(--muted)}

.cdm-empty{padding:24px;color:var(--muted)}

@media (max-width:1024px){
  .cdm-panel.is-open{flex-direction:column}
  .cdm-left{width:auto;border-right:0;border-bottom:1px solid var(--bd);padding-bottom:12px}
  .cdm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}