diff --git a/index.html b/index.html
index 786e1cf..9fa1141 100755
--- a/index.html
+++ b/index.html
@@ -5,6 +5,7 @@
+
Vite + React
diff --git a/src/index.css b/src/index.css
index c6cbdf5..e68194e 100755
--- a/src/index.css
+++ b/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;
+}