body #app{font-family:'Roboto',sans-serif;background-color:#f4f7f6;color:#111827}#app .modal-backdrop{background-color:rgba(0,0,0,0.5)}#app .tab-active{border-color:#3b82f6;color:#3b82f6;background-color:#eff6ff}#app .tab-inactive{border-color:transparent}#app .btn-primary{background-color:#3b82f6;color:white}#app .btn-primary:hover{background-color:#2563eb}#app .btn-secondary{background-color:#6b7280;color:white}#app .btn-secondary:hover{background-color:#4b5563}#app .btn-danger{background-color:#ef4444;color:white}#app .btn-danger:hover{background-color:#dc2626}#app .btn-success{background-color:#22c55e;color:white}#app .btn-success:hover{background-color:#16a34a}#app .chart-container{position:relative;height:300px;width:100%;max-width:500px;margin:auto}#app .text-muted{color:#6b7280}