feat: inicializacion de Help Desk segun estandar Telcotronics con bitacora de errores e integracion MCP

public/css/style.css

@@ -0,0 +1,56 @@
+body {
+    font-size: .875rem;
+    background-color: #f8f9fa;
+}
+
+.sidebar {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 100;
+    padding: 56px 0 0;
+    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
+}
+
+.sidebar .nav-link {
+    font-weight: 500;
+    color: #333;
+    padding: .5rem 1rem;
+}
+
+.sidebar .nav-link:hover {
+    background-color: #e9ecef;
+}
+
+.sidebar .nav-link i {
+    margin-right: 8px;
+    width: 20px;
+}
+
+main {
+    padding-top: 20px;
+}
+
+.card {
+    box-shadow: 0 1px 3px rgba(0,0,0,.1);
+}
+
+.table th {
+    border-top: none;
+}
+
+.badge {
+    font-size: 85%;
+}
+
+.navbar-brand i {
+    margin-right: 8px;
+}
+
+@media (max-width: 768px) {
+    .sidebar {
+        position: static;
+        padding-top: 0;
+    }
+}

public/js/main.js

@@ -0,0 +1,8 @@
+document.addEventListener('DOMContentLoaded', function() {
+    setTimeout(function() {
+        document.querySelectorAll('.alert').forEach(function(alert) {
+            var bsAlert = new bootstrap.Alert(alert);
+            setTimeout(function() { bsAlert.close(); }, 5000);
+        });
+    }, 100);
+});