/* Si usas Tailwind v3 */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* O si usas Tailwind v4 */
/* @import "tailwindcss"; */

/* Si Tailwind falla, esto arregla el layout a la fuerza */
body {
    background-color: #020617 !important;
    color: #f8fafc !important;
    display: flex;
    min-height: 100vh;
    margin: 0;
    font-family: sans-serif;
}

/* Simulación de Sidebar y Contenido para image_bcdefd.png */
main {
    display: grid;
    grid-template-columns: 250px 1fr;
    width: 100%;
}

aside {
    border-right: 1px solid #1e293b;
    padding: 2rem;
}

section {
    padding: 2rem;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1rem;
}

th {
    text-align: left;
    color: #94a3b8;
    font-size: 0.8rem;
}

td {
    padding: 1rem 0;
    border-bottom: 1px solid #1e293b;
}

/* ==========================================================================
   EGIE DESIGN SYSTEM — VARIABLES GLOBALES (LITERAL)
   ========================================================================== */
:root {
    --verde: #1A6B3C;
    --verde2: #0D3D22;
    --verde3: #4CAF50;
    --dorado: #D4A017;
    --dorado2: #F0C040;
    --azul: #1565C0;
    --azul2: #42A5F5;
    --rojo: #C0392B;
    --naranja: #E65100;
    --morado: #7B1FA2;
    --bg: #050D1A;
    --bg2: #0A1628;
    --bg3: #0F2040;
    --gris: #8899AA;
    --gris2: #334455;
    --blanco: #FFFFFF;
    --sans: 'Rajdhani', 'Segoe UI', sans-serif;
    --display: 'Cinzel', Georgia, serif;
    --mono: 'Orbitron', 'Courier New', monospace;
    --radius: 14px;
    --shadow: 0 8px 32px rgba(0, 0, 0, .4);
    --glow-v: 0 0 30px rgba(26, 107, 60, .4);
    --glow-d: 0 0 30px rgba(212, 160, 23, .4);
}

/* RESET & BASE ESTRUCTURAL LITERAL */
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
    font-size: 16px;
}

body {
    font-family: var(--sans);
    background: var(--bg);
    color: var(--blanco);
    line-height: 1.6;
    overflow-x: hidden;
    cursor: default;
}

body::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 1;
    background: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(0, 0, 0, .04) 3px, rgba(0, 0, 0, .04) 4px);
    pointer-events: none;
}

::selection {
    background: var(--verde);
    color: #fff;
}