:root{--cmx-blue:#1769aa;--cmx-orange:#f29b16;--cmx-dark:#17212b}
body{background:#f4f6f9;color:#263238}
.login-bg{min-height:100vh;background:linear-gradient(135deg,#eef3f8,#dfe8f0);display:flex;align-items:center;justify-content:center}
.login-card{width:420px;max-width:94%}
.brand-login{font-size:24px;letter-spacing:.4px}.brand-pulsagya{color:var(--cmx-blue)}.brand-cmx{color:var(--cmx-orange)}
.cmx-topbar{background:var(--cmx-dark);min-height:62px}
.cmx-sidebar{width:235px;min-height:calc(100vh - 62px);background:#fff;border-right:1px solid #e2e8f0}
.cmx-sidebar a{display:block;color:#475569;text-decoration:none;padding:11px 12px;border-radius:7px;margin-bottom:4px}
.cmx-sidebar a:hover{background:#eef5fb;color:var(--cmx-blue)}
.cmx-sidebar i{width:24px;display:inline-block}.cmx-main{padding:30px;min-width:0}
.module-card{border:1px solid #e4e9ef;transition:.15s;box-shadow:0 2px 8px rgba(0,0,0,.03)}
.module-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.08)}
.module-icon{width:44px;height:44px;border-radius:10px;background:#eaf3fb;color:var(--cmx-blue);display:flex;align-items:center;justify-content:center;font-size:21px}
.admin-card .module-icon{background:#fff4e2;color:var(--cmx-orange)}
@media(max-width:767px){.cmx-sidebar{display:none}.cmx-main{padding:18px}}