*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5;overflow-x:hidden}.main_container{display:flex;min-height:100vh;position:relative}.menu_toggle{position:fixed;top:20px;left:20px;z-index:1001;background:var(--secondary_color);color:#fff;border:none;padding:12px;border-radius:8px;cursor:pointer;font-size:18px;transition:all .3s ease;box-shadow:0 2px 10px #0000001a}.menu_toggle:hover{background:var(--secondary_color);transform:scale(1.05)}.menu_side{position:fixed;top:0;left:0;width:280px;height:100vh;background:var(--primary_color);transition:transform .3s ease;z-index:1000;overflow-y:auto;box-shadow:2px 0 15px #0000001a;display:flex;flex-direction:column}.menu_side.active{transform:translate(0)}.menu_header{padding:30px 20px 20px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:20px}.menu_header h2{color:#fff;font-size:18px;margin-bottom:5px;font-weight:600}.menu_header p{color:#bdc3c7;font-size:14px}.menu_items{padding:0 10px;flex:1;display:flex;flex-direction:column}.menu_main_items{flex:1}.menu_profile_section{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);margin:20px 0;padding:15px 0}.menu_profile_item{display:flex;align-items:center;padding:12px 20px;color:#ecf0f1;text-decoration:none;border-radius:8px;transition:all .3s ease;gap:12px}.menu_profile_item:hover{background:#ffffff1a}.menu_profile_item.active{background:#3498db33;border-left:4px solid #3498db}.profile_avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile_avatar img{width:100%;height:100%;object-fit:cover}.avatar_initial{color:#fff;font-size:18px;font-weight:600;text-transform:uppercase}.cont_profile_name_rol{display:flex;flex-direction:column;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.profile_name{flex:1;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile_arrow{font-size:12px;opacity:.7;transition:transform .3s ease}.menu_profile_item:hover .profile_arrow{transform:translate(3px)}.menu_bottom_items{border-top:1px solid rgba(255,255,255,.1);padding-top:20px}.menu_item{display:flex;align-items:center;padding:15px 20px;color:#ecf0f1;text-decoration:none;border-radius:8px;margin-bottom:5px;transition:all .3s ease;position:relative}.menu_item:hover{background:#ffffff1a}.menu_item.active{background:#3498db33;border-left:4px solid #3498db}.menu_item i{width:20px;margin-right:15px;font-size:16px;text-align:center}.menu_item span{font-size:14px;font-weight:500}.submenu{max-height:0;overflow:hidden;transition:max-height .3s ease;background:#0000001a;border-radius:8px;margin:5px 0}.submenu.active{max-height:300px}.submenu_item{display:block;padding:12px 20px 12px 60px;color:#bdc3c7;text-decoration:none;font-size:13px;transition:all .3s ease}.submenu_item:hover{background:#ffffff0d;color:#ecf0f1;padding-left:65px}.submenu_item.active{background:#3489f1;color:#fff}.body_side{position:relative;inset:0;padding:80px 20px 20px;overflow-y:auto;overflow-x:hidden;transition:all .3s ease;display:flex;flex-direction:column}.body_content{flex:1;display:flex;flex-direction:column;min-height:calc(100vh - 100px)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.overlay.active{opacity:1;visibility:visible}@media (max-width: 768px){.menu_side{width:100%;max-width:320px}.menu_toggle{left:15px;top:15px}.body_side{padding:70px 15px 15px}}@media (min-width: 1200px){.menu_toggle,.overlay{display:none}}.content_card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 2px 15px #00000014;margin-bottom:20px;flex:1}.content_card:last-child{margin-bottom:0}.content_card h1{color:var(--secondary_color);margin-bottom:15px;font-size:24px}.content_card p{color:#7f8c8d;line-height:1.6;margin-bottom:15px}