.csm-portal{display:grid;grid-template-columns:260px 1fr;gap:24px;background:#fff;border-radius:14px;padding:18px}
.csm-nav a{display:block;margin:8px 0;padding:12px 14px;border-radius:10px;background:#f5f8fa}
.csm-nav a.active{background:#0b5e3b;color:#fff}
.csm-section{display:none}.csm-section.active{display:block}
.csm-inv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.csm-card{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff}
.csm-card img{width:100%;height:180px;object-fit:cover}
.csm-card .pad{padding:12px 14px}
.csm-modal{position:fixed;inset:0;background:rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;z-index:99999}
.csm-modal .box{background:#fff;border-radius:12px;max-width:920px;width:96%;max-height:90vh;overflow:auto;padding:16px}
.csm-step{display:none}.csm-step.active{display:block}
.table{width:100%;border-collapse:collapse}.table th,.table td{padding:8px;border-bottom:1px solid #eee}
@media (max-width: 980px){ .csm-inv-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width: 680px){ .csm-portal{grid-template-columns:1fr} .csm-inv-grid{grid-template-columns:1fr} }


/* Password eye icon */
.csm-password-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.csm-password-wrapper input {
  width: 100%;
  padding-right: 35px;
}
.csm-toggle-password {
  position: absolute;
  right: 10px;
  cursor: pointer;
  font-size: 18px;
  color: #666;
}