.data-table{background:#1e1e2f;border-radius:8px;padding:16px;box-shadow:0 4px 8px rgba(0,0,0,.1);color:#ffffff}.data-table-title{font-size:1.5em;margin-bottom:16px;color:#ffff}.data-table-table{width:100%;border-collapse:collapse}.data-table-table td,.data-table-table th{padding:12px 15px;text-align:left;border-bottom:1px solid #2e2e3f}.data-table-table th{background:#2e2e3f;color:#ffff}.data-table-table tr:hover,.data-table-table tr:nth-child(2n){background:#2e2e3f}.data-table-table tr:nth-child(odd){background:#1e1e2f}.data-table-container::-webkit-scrollbar{width:12px}.data-table-container::-webkit-scrollbar-track{background:#1e1e2f;border-radius:8px}.data-table-container::-webkit-scrollbar-thumb{background-color:#2b6cb0;border-radius:8px;border:3px solid #1e1e2f}.data-table-container::-webkit-scrollbar-thumb:hover{background-color:#2b6cb0}.graph-container{width:100%;margin:0 auto;padding:20px;box-sizing:border-box}.title{font-size:2rem;font-weight:700;color:#2b6cb0}.period-selector,.title{text-align:center;margin-bottom:20px}.select-period{padding:10px 20px;font-size:1rem;color:#fff;background-color:#2b6cb0;border:none;border-radius:5px;cursor:pointer;min-width:150px;max-width:300px;display:block;margin:0 auto 20px;text-align:center;transition:all .3s ease}.container,.select-period{width:100%;box-sizing:border-box}.container{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:100%}.card{border-radius:10px;box-shadow:0 6px 12px rgba(0,0,0,.1);padding:20px;background:#2d3748;color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;box-sizing:border-box;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;width:100%;height:100%}.card-title{margin-bottom:15px;font-size:1.5rem;font-weight:700}.card-content{flex-grow:1;overflow:auto}.chart-container{position:relative;width:100%;height:300px}@media(max-width:768px){.title{font-size:1.5rem}.select-period{font-size:.9rem}.card-title{font-size:1.25rem}.chart-container{height:200px}.container{grid-template-columns:1fr;gap:5px}}