:root{

--tam-logo:161px;
--bg-main:#f6f7ff;
--bg-header:#ffffff;
--bg-btn:#595dff;
--bg-card:#ffffff;
--bg-card-soft:#ffffff;

--text-main:#1f2937;
--text-soft:#000003;

--border-color:#e5e7eb;

--primary:#2563eb;
--primary-soft:#000003;

--warning:#d97706;
--warning-soft:#fff7ed;

--danger:#dc2626;
--danger-soft:#fef2f2;

--positive-text:#15803d;
--negative-text:#dc2626;
--neutral-text:#6b7280;

--positive-bg:#dcfce7;
--negative-bg:#fee2e2;
--neutral-bg:#f3f4f6;

--row-bg:#ffffff;
--row-hover:#f8fafc;

--logout-bg:transparent;
--logout-text:#ef4444;
--logout-hover:#e2f6fc;



--stats-card-bg: #ffffff;
--stats-card-border: rgba(0,0,0,0.08);

--container-width:1180px;

--menu-hover: rgba(0,0,0,0.06);
}

body.dark-theme{

--bg-main:#04040e;
--bg-header:#000000;
--bg-btn:#595dff;
--bg-card:#000003;
--bg-card-soft:#000003;

--text-main:#e5edf8;
--text-soft:#9fb0c8;

--border-color:#00141d;

--primary:#60a5fa;
--primary-soft:#eff6ff;

--warning:#fbbf24;
--warning-soft:rgba(251,191,36,0.15);

--danger:#f87171;
--danger-soft:rgba(248,113,113,0.15);

--positive-text:#4ade80;
--negative-text:#f87171;
--neutral-text:#cbd5e1;

--positive-bg:rgba(34,197,94,0.2);
--negative-bg:rgba(239,68,68,0.2);
--neutral-bg:rgba(148,163,184,0.15);

--row-bg:#131c2e;
--row-hover:#182235;

--logout-bg:transparent;
--logout-text:#ef4444;
--logout-hover:#061126;

--stats-card-bg: rgba(255,255,255,0.02);
--stats-card-border: rgba(255,255,255,0.05);

--menu-hover: #090913;
}

html,
body{
background:var(--bg-main) !important;
color:var(--text-main)!important;
min-height:100vh;
font-family:"Inter", sans-serif;
font-optical-sizing:auto;
font-style:normal;
font-size:0.875rem;
overflow:auto;
}
/* CONTENEDOR GLOBAL */

.app-shell{
width:100%;
max-width:var(--container-width);
margin:0 auto;
padding-left:20px;
padding-right:20px;
font-family:"Inter", sans-serif;
font-optical-sizing:auto;
font-style:normal;
}

/* HEADER */

.app-navbar{
background:var(--bg-header);
border-bottom:1px solid var(--border-color)!important;
margin-bottom:24px;
}

.app-navbar-inner{
display:flex;
align-items:center;
gap:20px;
min-height:72px;
}

/* LOGO */

.app-navbar .navbar-brand{
color:var(--text-main) !important;
font-weight:700;
}

.logo{
max-width:var(--tam-logo);
}

.logo-dark{
display:none;
}

.dark-theme .logo-light{
display:none;
}

.dark-theme .logo-dark{
display:inline-block;
}

/*BODY FONDO */
body,
.app-page-content{
background:var(--bg-main) !important;
}

/* STAT CARDS */

.stat-card{
display:flex;
align-items:center;
gap:14px;
padding:16px 18px;
border-radius:12px;
border:1px solid var(--stats-card-border);;
background:var(--stats-card-bg);
transition:all .25s ease;
}

.stat-card:hover{
border-color:#2c7be5;
box-shadow:0 0 12px rgba(44,123,229,0.25);
transform:translateY(-2px);
}

/*Footer*/

footer{
padding:30px 0;
border-top:1px solid var(--border-color);
margin-top:100px!important;
}