:root {
    --sidebar-width: 260px;
    --sidebar-collapsed: 70px;
    --sidebar-bg: #111c43;
    --body-bg: #f1f5f9;
    --card-bg: #ffffff;
    --text-main: #333333;
}

/* Atributo para Modo Noturno */
[data-theme="dark"] {
    --body-bg: #0f172a;
    --card-bg: #1e293b;
    --text-main: #f1f5f9;
    --sidebar-bg: #000411;
}

body { background-color: var(--body-bg); color: var(--text-main); transition: 0.3s; margin: 0; font-family: 'Inter', sans-serif; overflow-x: hidden; }

/* Estrutura Wrapper */
.wrapper { display: flex; width: 100%; }

.sidebar-wrapper {
    width: var(--sidebar-width);
    height: 100vh;
    position: fixed;
    background: var(--sidebar-bg);
    z-index: 1000;
    transition: 0.3s;
}

.top-header {
    position: fixed;
    top: 0;
    left: var(--sidebar-width);
    right: 0;
    height: 70px;
    background: var(--card-bg);
    border-bottom: 1px solid rgba(0,0,0,0.1);
    z-index: 999;
    transition: 0.3s;
}

.page-content-wrapper {
    flex-grow: 1;
    margin-left: var(--sidebar-width);
    padding: 90px 20px 80px 20px;
    transition: 0.3s;
}

/* Menu Reduzido */
.toggled .sidebar-wrapper { width: var(--sidebar-collapsed); }
.toggled .sidebar-wrapper span, .toggled .logo-text, .toggled .nav-label { display: none; }
.toggled .top-header, .toggled .page-content-wrapper { left: var(--sidebar-collapsed); margin-left: 0; }

/* Cards e Gradientes */
.card { background-color: var(--card-bg); border: none; border-radius: 8px; }
.bg-gradient-blue { background: linear-gradient(45deg, #3461ff, #844aff); color: white; }
/* Sidebar footer: copyright + versão */
.sidebar-footer{
  border-top: 1px solid rgba(255,255,255,.12);
}
.toggled .sidebar-footer{
  display: none;
}