@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary: #e11d2e;--primary-rgb: 225, 29, 46;--primary-light: #fef2f2;--primary-dark: #b91c1c;--text: #111827;--text-secondary: #4b5563;--text-tertiary: #9ca3af;--background: #ffffff;--background-secondary: #f9fafb;--background-hover: #f3f4f6;--line: #e5e7eb;--line-strong: #d1d5db;--line-soft: #eef2f7;--red: #ef4444;--green: #10b981;--green-rgb: 16, 185, 129;--blue: #3b82f6;--info: #2563eb;--info-rgb: 37, 99, 235;--violet: #7c3aed;--violet-rgb: 124, 58, 237;--yellow: #f59e0b;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-colored: 0 10px 15px -3px rgba(225, 29, 46, .15), 0 4px 6px -4px rgba(225, 29, 46, .1);--r-sm: 6px;--r: 12px;--r-lg: 16px;--r-xl: 24px;--r-full: 9999px;--fs-xs: 12px;--fs-sm: 14px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 24px;--lh-tight: 1.2;--lh-base: 1.5;--surface-1: var(--card);--surface-2: var(--background-secondary);--surface-3: var(--background-hover);--text-strong: var(--text);--text-muted: var(--text-secondary);--text-soft: var(--text-tertiary);--border-subtle: var(--line);--border-strong: var(--line-strong);--focus-color: var(--primary);--focus-ring: 0 0 0 3px rgba(var(--primary-rgb), .16);--input-bg: color-mix(in srgb, var(--surface-2) 66%, var(--surface-1) 34%);--input-bg-focus: color-mix(in srgb, var(--surface-2) 52%, var(--surface-1) 48%);--input-border: color-mix(in srgb, var(--border-subtle) 58%, transparent);--input-border-hover: color-mix(in srgb, var(--border-strong) 75%, transparent);--input-text: var(--text-strong);--input-placeholder: var(--text-muted);--motion-fast: .18s;--motion-base: .24s;--motion-slow: .32s;--bg: #f3f4f6;--card: #ffffff;--muted: var(--text-secondary);--ring: #f3f4f6}:root[data-theme=dark]{--text: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--background: #0f172a;--background-secondary: #1e293b;--background-hover: #334155;--line: #334155;--line-strong: #475569;--line-soft: #1f2a3d;--header: #0f172a;--sidebar-color: #0f172a;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow: 0 1px 3px 0 rgb(0 0 0 / .3), 0 1px 2px -1px rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--bg: #0b0f19;--card: #1e293b;--muted: var(--text-secondary);--ring: #334155;--surface-1: var(--card);--surface-2: #172339;--surface-3: #1f2f4a;--text-strong: var(--text);--text-muted: var(--text-secondary);--text-soft: var(--text-tertiary);--border-subtle: var(--line);--border-strong: #64748b;--focus-color: #f43f5e;--focus-ring: 0 0 0 3px rgba(244, 63, 94, .22);--input-bg: color-mix(in srgb, var(--surface-2) 70%, var(--surface-1) 30%);--input-bg-focus: color-mix(in srgb, var(--surface-3) 62%, var(--surface-1) 38%);--input-border: color-mix(in srgb, var(--border-subtle) 65%, transparent);--input-border-hover: color-mix(in srgb, var(--border-strong) 78%, transparent);--input-text: var(--text-strong);--input-placeholder: var(--text-muted)}:root[data-compact=true]{--r: 10px;--r-lg: 14px}:root[data-compact=true] body{line-height:1.35}:root[data-compact=true] .sbItem{padding:8px 12px}:root[data-compact=true] .sbUserBtn{padding:8px 10px}:root[data-compact=true] .sbBrand{padding:10px 12px}:root[data-compact=true] .sbSectionHeader,:root[data-compact=true] .sideSectionHeader{padding:8px 12px}:root[data-compact=true] .sbSection,:root[data-compact=true] .sideSectionContent{gap:6px}:root[data-compact=true] .sideTurmaItem{padding:6px 10px}:root[data-compact=true] .topbar{padding:10px 16px}:root[data-compact=true] .videoaulaCard,:root[data-compact=true] .exerciseCard,:root[data-compact=true] .materialCard{padding:12px}:root[data-compact=true] .cardHeader,:root[data-compact=true] .settingsGrid,:root[data-compact=true] .statsGrid,:root[data-compact=true] .turmasList,:root[data-compact=true] .videoaulasGrid,:root[data-compact=true] .exercisesGrid,:root[data-compact=true] .materiaisGrid{gap:10px}:root[data-compact=true] .table th,:root[data-compact=true] .table td{padding:8px 10px}:root[data-compact=true] .alStatCard,:root[data-compact=true] .statCard,:root[data-compact=true] .turmaItem,:root[data-compact=true] .videoaulaCard,:root[data-compact=true] .alLogCard{padding:10px}:root[data-compact=true] .settingsItem,:root[data-compact=true] .settingsActions,:root[data-compact=true] .cardHeader{gap:10px}:root[data-compact=true] .searchInput,:root[data-compact=true] .filterSelect,:root[data-compact=true] .uploadBtn,:root[data-compact=true] .btnSalvar,:root[data-compact=true] .btnCancel,:root[data-compact=true] .btnConfirm,:root[data-compact=true] .modalBtn,:root[data-compact=true] .alSearchInput,:root[data-compact=true] .alFilterSelect,:root[data-compact=true] .alFilterInput{padding-top:6px;padding-bottom:6px}:root[data-compact=true] .settingsContent{padding:12px 20px 20px}:root[data-compact=true] .modalContent{padding:16px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}button,a[role=button]{line-height:1}button svg,a[role=button] svg{flex-shrink:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:#475569}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.animate-fade-in{animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root[data-theme=dark] .perfilCard,:root[data-theme=dark] .turmaCard,:root[data-theme=dark] .materialCard,:root[data-theme=dark] .videoaulaCard,:root[data-theme=dark] .exerciseCard{background:var(--card);border-color:var(--line);color:var(--text)}input,textarea,select{font-family:inherit;font-size:var(--fs-sm);padding:.625rem .875rem;border-radius:var(--r);border:1px solid var(--input-border);background:var(--input-bg);color:var(--input-text);transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1)}input:hover,textarea:hover,select:hover{border-color:var(--input-border-hover)}input::placeholder,textarea::placeholder{color:var(--input-placeholder);opacity:.92}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--focus-color);box-shadow:var(--focus-ring);background:var(--input-bg-focus)}.modalContent{background:var(--card);color:var(--text);border-radius:20px;box-shadow:var(--shadow-xl);margin:20px;border:1px solid var(--line)}:root[data-theme=dark] .modalContent{background:var(--card);border:1px solid var(--line)}:root[data-theme=dark] .sidebar{background:var(--sidebar-color);border-right:1px solid var(--line)}:root[data-theme=dark] .topbar{background:var(--header);border-bottom-color:var(--line)}:root[data-theme=dark] .content{background:var(--bg)}