body {font-family: Arial, sans-serif; margin:0; background:#f5f7fa;}
.crm-wrapper {display:flex; min-height:100vh;}
.crm-menu {background:#0d3b66; color:#fff; width:220px; padding:20px;}
.crm-menu h3 {color:#fff; margin-bottom:20px;}
.crm-menu ul {list-style:none; padding:0;}
.crm-menu li {margin-bottom:10px;}
.crm-menu a {color:#fff; text-decoration:none;}
.crm-content {flex:1; padding:20px;}
.crm-login {max-width:320px; margin:100px auto; background:#fff; padding:30px; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,.1);}
.crm-login h2 {text-align:center; margin-bottom:20px;}
.crm-login input {width:100%; padding:10px; margin-bottom:10px;}
.crm-login button {width:100%; padding:10px; background:#0d3b66; color:#fff; border:0; cursor:pointer;}
@media(max-width:768px){.crm-wrapper{flex-direction:column}.crm-menu{width:100%;display:flex;overflow-x:auto}}