:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;--primary-light: #3bbcdb;--primary-medium: #3091be;--primary-dark: #1b2c34;--white: #fefefe}body{margin:0;padding:0}.container{display:grid;grid-template-columns:.7fr .3fr}.form-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:20px}.form-container img{width:30vh}.image-container{height:100vh;display:flex;justify-content:center;align-items:center}.image-container img{width:100%;height:100%;object-fit:cover}.btn{padding:10px 20px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:.3s;font-weight:500;display:inline-block;text-align:center;white-space:nowrap}.btn.primary{background-color:#2dc3e9;color:#fff}.btn.primary:hover{background-color:#1b9fc6}.btn.secondary{background-color:#22343c;color:#fff}.btn.secondary:hover{background-color:#1a262b}.btn.success{background-color:#28a745;color:#fff}.btn.success:hover{background-color:#218838}.btn.warning{background-color:#ffc107;color:#222}.btn.warning:hover{background-color:#e0a800}.btn.danger{background-color:#dc3545;color:#fff}.btn.danger:hover{background-color:#b52a37}.btn.neutral{background-color:#e9ecef;color:#22343c}.btn.neutral:hover{background-color:#d6d8db}.input-container{display:flex;flex-direction:row;margin-bottom:10px;gap:10px}.app-container{display:flex;height:100%}.sidebar{width:200px;background-color:var(--primary-light);padding:20px;display:flex;flex-direction:column;gap:10px}.sidebar-button{display:flex;align-items:center;gap:10px;background:none;border:none;color:#fff;font-size:16px;font-weight:700;padding:10px;cursor:pointer;border-radius:5px;transition:background .3s}.sidebar-button:hover{background-color:#a9aaab}.content{flex:1;padding:20px;background-color:#ecf0f1}.content h1{font-size:24px;color:#2c3e50}.logo{width:60%}.logo-container{width:100%;display:flex;justify-content:center}.table{width:80%;border-collapse:separate;border-spacing:0}.table-container{display:flex;flex-direction:column;align-items:center}.table-title{margin-top:20px;font-size:24px;font-weight:700;margin-bottom:10px;color:var(--primary-medium)}.table-header{background-color:var(--primary-medium);color:var(--white);font-size:16px;padding:10px}.table-header th:first-child{border-top-left-radius:10px}.table-header th:last-child{border-top-right-radius:10px}tbody td{border:1px dotted var(--primary-medium);padding:10px;cursor:pointer}thead th{padding:10px}tbody tr{background-color:var(--white)}tbody tr:hover{background-color:var(--primary-darkmode)}tbody tr:last-child td:first-child{border-bottom-left-radius:10px}tbody tr:last-child td:last-child{border-bottom-right-radius:10px}.select-container{display:flex;flex-direction:row;margin-bottom:10px;gap:10px}.input-label{display:flex;font-size:16px;color:#333;align-items:center}.input-field{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px;transition:.3s;width:100%}.input-field:focus{border-color:var(--primary-light);outline:none;box-shadow:0 0 5px #007bff80}.filter-container{width:100%;display:flex;flex-direction:column;align-items:flex-start}.filter{width:40vh;margin-left:13%}.modal-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;padding:20px;border-radius:10px;width:60%;height:auto;box-shadow:0 4px 10px #0000004d;position:relative}.modal-close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:20px;cursor:pointer}.button-container{display:flex;justify-content:flex-end;gap:10px;margin-top:40px}.modal-fields{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7%}.footer-historic{display:flex;justify-content:flex-end;margin-right:13%;margin-top:10px;gap:10px}.kpi-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:5%;margin:0 10%}.kpi{background-color:var(--primary-light);border-radius:5px;display:flex;flex-direction:column}.kpi-title{display:flex;font-size:13px;color:var(--white);justify-content:center}.kpi-value{display:flex;color:var(--white);font-size:16px;font-weight:700;justify-content:center}.charts-container{margin-top:30px;display:grid;grid-template-columns:1fr 1fr}.chart{background-color:azure;margin:0 10%;width:60%;height:60%;padding:10%;border-radius:10px;border:1px solid var(--primary-light)}.chat-container{display:flex;flex-direction:column;width:80%;margin:20px 10%}.chat-container label{margin-bottom:10px;color:var(--primary-medium);display:flex;justify-content:flex-start;font-size:30px;font-weight:700}.chat-button{display:flex;justify-content:flex-start}.chat-ai{display:none;flex-direction:column;justify-content:center;align-items:flex-end;margin-top:20px}.chat-ai-resposta{font-size:16px}.insert-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.content{height:100vh}