:root{
  --dicp-navy:#0A2647;
  --dicp-blue:#1C39BB;
  --dicp-cyan:#00A3FF;
  --dicp-bg:#f5f7fb;
  --dicp-text:#102033;
  --dicp-muted:#66768a;
  --dicp-border:#edf1f7;
  --dicp-card:#ffffff;
}

.dicp-page{
  direction:ltr;
  font-family:Inter,Arial,sans-serif;
  background:var(--dicp-bg);
  color:var(--dicp-text);
  min-height:100vh;
  margin:0;
}

.dicp-layout{
  display:flex;
  min-height:100vh;
}

.dicp-sidebar{
  width:260px;
  background:var(--dicp-navy);
  color:#fff;
  padding:28px 22px;
}

.dicp-brand{
  font-size:20px;
  font-weight:800;
  margin-bottom:6px;
}

.dicp-abbr{
  display:inline-block;
  font-size:12px;
  letter-spacing:2px;
  color:#8fd8ff;
  margin-bottom:10px;
  font-weight:700;
}

.dicp-module{
  font-size:13px;
  color:#d8e4f2;
  margin-bottom:34px;
  line-height:1.5;
}

.dicp-menu a{
  display:block;
  color:#d8e4f2;
  text-decoration:none;
  padding:13px 14px;
  border-radius:14px;
  margin-bottom:8px;
  font-size:14px;
}

.dicp-menu a.active,
.dicp-menu a:hover{
  background:rgba(255,255,255,.12);
  color:#fff;
}

.dicp-main{
  flex:1;
  padding:28px 34px;
}

.dicp-topbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:24px;
}

.dicp-title h1{
  margin:0;
  font-size:30px;
  color:var(--dicp-navy);
}

.dicp-title p{
  margin:8px 0 0;
  color:var(--dicp-muted);
  font-size:14px;
}

.dicp-card{
  background:var(--dicp-card);
  border-radius:24px;
  padding:22px;
  box-shadow:0 12px 32px rgba(10,38,71,.08);
}

.dicp-btn{
  background:var(--dicp-navy);
  color:#fff;
  padding:12px 18px;
  border-radius:16px;
  text-decoration:none;
  font-size:14px;
  box-shadow:0 10px 24px rgba(10,38,71,.18);
}

.dicp-badge{
  display:inline-block;
  padding:7px 11px;
  border-radius:999px;
  background:#eef5ff;
  color:var(--dicp-blue);
  font-size:12px;
}

.dicp-badge.green{
  background:#eaf8f0;
  color:#157347;
}

.dicp-badge.gold{
  background:#fff7e6;
  color:#a66b00;
}

.dicp-badge.gray{
  background:#f0f3f7;
  color:#66768a;
}
.dicp-collab{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#9fb3c8;
  font-size:9px;
  line-height:1.6;
  opacity:.82;
}
@media(max-width:1000px){
  .dicp-layout{flex-direction:column}
  .dicp-sidebar{width:auto}
  .dicp-topbar{
    flex-direction:column;
    align-items:flex-start;
    gap:14px;
  }
}