:root{--color-primary: #ffffff;--color-second: #1e2229;--color-acento: #683400;--color-focus: #01effa;--color-fondo: #13161c;--color-texto-primary: #01effa;--color-texto-second: #ffffff;--color-texto-paragraph: #000000;--color-boton-primary: #01effa;--color-boton-hover-primary: #3d777a;--color-boton-second: #1a1a1a;--color-boton-hover-second: #2c2c2c;--color-boton-alert: #eb0000;--color-boton-hover-alert: #9e0101;--color-boton-normal: #ffffff;--color-boton-hover-normal: #2c3442;--color-fondo-card: #ffffff;--color-borde-card: #e0e0e0;--sidebar-dark-primary: #023538;--sidebar-dark-secondary: #2c3e50;--sidebar-light-primary: #f5f6fa;--navbar-light-secondary: #8392a5;--sidebar-item-hover: rgba(255, 255, 255, .1);--sidebar-item-active: rgba(255, 255, 255, .2)}body{font-family:Arial,sans-serif;background:var(--color-fondo);color:var(--color-texto-second);line-height:1.6;margin:0;padding:20px}#app{display:flex;flex-direction:column;min-height:100vh}.app-container{margin-left:280px;padding:60px 20px 20px;transition:margin-left .3s ease;display:grid;grid-template-columns:1fr;gap:20px}.column{padding:10px}.wide{grid-column:span 2}.extrawide{grid-column:span 3}@media (max-width: 768px){.app-container{margin-left:0}}@media (min-width: 769px){.app-container{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.app-container{grid-template-columns:repeat(4,1fr)}}h1,h2,h3{color:var(--color-texto-second)}input{background-color:transparent;border:0px;border-bottom:1px solid #ccc;padding:5px;width:100%;height:40px;font-size:1rem;color:var(--color-primary);outline:none;transition:border-color .3s ease}input:focus{border:1px solid var(--color-focus);border-radius:5px}.button-container{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;padding:20px}button{width:200px;height:50px;font-size:1rem;border:none;cursor:pointer;transition:background-color .3s ease,transform .3s ease;padding:10px 20px;border-radius:5px}.error-message{color:red;background:#ff00001a;padding:3px 5px;border-radius:4px;margin-top:3px;display:inline-block;font-size:.8rem}.btn-primary button{background-color:var(--color-boton-primary);color:#000}.btn-primary button:hover{background-color:var(--color-boton-hover-primary);transform:scale(1.05)}.btn-primary button:active{transform:scale(.98)}.btn-second button{background-color:var(--color-boton-second);color:#fff}.btn-second button:hover{background-color:var(--color-boton-hover-second);transform:scale(1.05)}.btn-second button:active{transform:scale(.98)}.btn-alert button{background-color:var(--color-boton-alert);color:#fff}.btn-alert button:hover{background-color:var(--color-boton-hover-alert);transform:scale(1.05)}.btn-alert button:active{transform:scale(.98)}.btn-normal button{background-color:var(--color-boton-normal);color:#000}.btn-normal button:hover{background-color:var(--color-boton-hover-normal);color:#fff;transform:scale(1.05)}.btn-normal button:active{transform:scale(.98)}.button-container,.button-container-row{display:flex;flex-direction:column;gap:10px}.button-container-row{flex-direction:row}.container-card{width:90%;max-width:1200px;padding:20px;background-color:var(--color-fondo-card);box-shadow:0 0 10px #0000001a;border:1px solid var(--color-borde-card);border-radius:8px;font-family:Courier,monospace;color:var(--color-texto-paragraph)}