.page-layout { max-width: 1100px; margin: 0 auto; padding: 24px; }
.page-header { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.page-header h1 { font-size: 18px; font-weight: 500; flex: 1; }
.bloco { background: var(--surface-2); border: 0.5px solid var(--border); border-radius: 12px; padding: 20px; }
.bloco h3 { font-size: 14px; font-weight: 500; margin-bottom: 4px; display: flex; align-items: center; gap: 8px; }
.tabela { width: 100%; border-collapse: collapse; font-size: 13px; }
.tabela th { text-align: left; padding: 8px 12px; font-size: 11px; color: var(--text-muted); font-weight: 500; border-bottom: 0.5px solid var(--border); }
.tabela td { padding: 10px 12px; border-bottom: 0.5px solid var(--border); vertical-align: middle; }
.tabela tr:last-child td { border-bottom: none; }
.tabela tr:hover td { background: var(--surface-1); }