Improve global styles

src/index.css

@@ -584,3 +584,69 @@ th {
     font-size: 14px;
   }
 }
+
+/* Layout comum para páginas */
+.page-container {
+  max-width: 900px;
+  margin: 20px auto;
+  padding: 20px;
+  background-color: var(--color-surface);
+  border-radius: var(--border-radius);
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
+}
+
+/* Formulários */
+.form {
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+}
+
+.form-group label {
+  display: block;
+  margin-bottom: 5px;
+}
+
+.form-group input,
+.form-group select,
+.form-group textarea {
+  padding: 8px;
+  border: 1px solid var(--color-border);
+  border-radius: var(--border-radius);
+  width: 100%;
+}
+
+.button-grid {
+  margin-top: 10px;
+  display: flex;
+  gap: 10px;
+}
+
+/* Mensagens de feedback */
+.message {
+  padding: 10px 15px;
+  border-radius: var(--border-radius);
+  margin-bottom: 15px;
+  background-color: var(--color-table-header);
+  color: var(--color-dark);
+}
+
+.message.success {
+  background-color: var(--color-primary);
+  color: var(--color-light);
+}
+
+.message.error {
+  background-color: var(--color-alert);
+  color: var(--color-light);
+}
+
+/* Caixa de log */
+.log-box {
+  background-color: var(--color-surface);
+  border: 1px solid var(--color-border);
+  padding: 15px;
+  border-radius: var(--border-radius);
+  max-height: 400px;
+  overflow: auto;
+}