.navbar-brand a{color:#fff!important;text-decoration:none}.navbar-brand a:hover{color:hsla(0,0%,100%,.8)!important;text-decoration:none}.navbar{transition:all .3s ease}@media (min-height:600px){.navbar{position:fixed;top:0;left:0;right:0;z-index:1030;box-shadow:0 2px 4px rgba(0,0,0,.1)}body{padding-top:76px}.container-fluid.mt-3{margin-top:1rem!important}}@media (max-height:599px){.navbar{position:static}body{padding-top:0}}.container-fluid{max-width:1920px;margin:0 auto;padding-left:2rem;padding-right:2rem}.container{max-width:1400px;margin:0 auto}@media (min-width:1400px){.container-fluid{padding-left:3rem;padding-right:3rem}.container{padding-left:2rem;padding-right:2rem}}@media (min-width:1920px){.container-fluid{padding-left:4rem;padding-right:4rem}.container{padding-left:3rem;padding-right:3rem}}.card-header{padding:1rem;background-color:#f8f9fa;border-bottom:1px solid #e0e7ef}.card-header .card-title{font-size:1.1rem;font-weight:600;color:#495057;margin-bottom:.5rem;line-height:1.2}.card-header .btn{font-size:.8rem;padding:.375rem .75rem;border-radius:.375rem}@media (max-width:767.98px){.card-header .card-title{font-size:1rem}.card-header .btn{font-size:.75rem;padding:.25rem .5rem}}.progress{height:20px;margin-bottom:8px;background-color:#f8f9fa;border-radius:10px;overflow:hidden}.progress-bar{transition:width .5s ease-in-out;font-size:.85rem;line-height:20px;font-weight:500}.progress-label{font-size:.85rem;margin-bottom:4px;display:flex;justify-content:space-between;color:#6c757d}.card{transition:transform .2s;background:#fff;border:1px solid #e0e7ef;border-radius:8px;margin-bottom:1rem;box-shadow:0 1px 3px rgba(0,0,0,.05)}.card:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.usage-info{font-family:monospace;white-space:pre-line;background:hsla(0,0%,100%,.9);border-radius:6px;border:1px solid #e9ecef;font-size:.9rem}.card-body{padding:1rem}.card-body h3{color:#495057}.card-body .h3{color:#0d6efd;font-weight:600}.card-body h5{font-size:.85rem;color:#6c757d}.usage-stats,.usage-tokens-stats{padding:.5rem}.dashboard-container{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:1rem;box-shadow:0 2px 6px rgba(0,0,0,.06);margin-bottom:1rem}.dashboard-container .card{background:#fff;border:1px solid #e0e7ef;border-radius:8px;transition:transform .2s,box-shadow .2s;margin-bottom:.5rem}.dashboard-container .card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.dashboard-container .card-body{padding:1rem}.dashboard-container .card-title{color:#495057;font-size:1.25rem;margin-bottom:1rem}.dashboard-container .usage-info{background:hsla(0,0%,100%,.8);border-radius:4px}.dashboard-container .card-body .card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e0e7ef;transition:transform .2s,box-shadow .2s}.dashboard-container .card-body .card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.dashboard-container .card-body .card .card-body{padding:.75rem}.usage-stats-summary{display:flex;flex-direction:column;gap:.5rem}.stat-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.25rem 0;gap:.5rem;min-height:1.5rem}.stat-label{font-size:.85rem;color:#6c757d;font-weight:500;flex-shrink:0;word-break:break-word}.stat-label,.stat-value{min-width:0;line-height:1.2}.stat-value{font-size:.9rem;color:#0d6efd;font-weight:600;word-break:break-all;-webkit-hyphens:auto;hyphens:auto}.stat-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e0e7ef;border-radius:8px;padding:1rem;text-align:center;transition:transform .2s,box-shadow .2s;height:100%}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.stat-card .stat-label{font-size:.8rem;color:#6c757d;font-weight:500;margin-bottom:.5rem;line-height:1.2}.stat-card .stat-subtitle{font-size:.7rem;color:#adb5bd;font-weight:400;margin-top:.25rem;font-style:italic}.stat-value-large{font-size:1.2rem;color:#0d6efd;font-weight:700;line-height:1.2}.stat-value small{font-size:.75rem;font-weight:500;margin-left:.5rem}.stat-value .text-success{color:#198754!important}.stat-value .text-danger{color:#dc3545!important}.stat-value .text-muted{color:#6c757d!important}.table-wide{width:100%;min-width:1400px;table-layout:auto}.table-wide td,.table-wide th{white-space:nowrap;padding:.75rem .5rem;vertical-align:middle;font-size:.85rem}.table-wide th{background-color:#f8f9fa;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6}.table-wide td{border-bottom:1px solid #dee2e6}.table-wide td:first-child,.table-wide th:first-child{min-width:120px;width:120px}.table-wide td:nth-child(2),.table-wide th:nth-child(2){min-width:60px;width:60px}.table-wide td:nth-child(3),.table-wide th:nth-child(3){min-width:100px;width:100px}.table-wide td:nth-child(4),.table-wide th:nth-child(4){min-width:80px;width:80px}.table-wide td:nth-child(5),.table-wide th:nth-child(5){min-width:60px;width:60px}.table-wide td:nth-child(6),.table-wide th:nth-child(6){min-width:100px;width:100px}.table-wide td:nth-child(10),.table-wide td:nth-child(7),.table-wide td:nth-child(8),.table-wide td:nth-child(9),.table-wide th:nth-child(10),.table-wide th:nth-child(7),.table-wide th:nth-child(8),.table-wide th:nth-child(9){min-width:120px;width:120px}.table-wide td:nth-child(11),.table-wide th:nth-child(11){min-width:80px;width:80px}.table-responsive{overflow-x:auto;border-radius:.375rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)}.chart-container{height:250px;padding:.5rem}.chart-container,.chart-container-large{position:relative;margin-bottom:1rem;background:#fff;border-radius:6px;border:1px solid #e9ecef}.chart-container-large{height:400px;padding:1rem}.chart-container canvas,.chart-container-large canvas{width:100%!important;height:100%!important;cursor:pointer}.chart-container-large:hover canvas,.chart-container:hover canvas{cursor:crosshair}.chartjs-tooltip{background:rgba(0,0,0,.8)!important;color:#fff!important;border-radius:4px!important;padding:8px 12px!important;font-size:12px!important;box-shadow:0 2px 4px rgba(0,0,0,.2)!important}.card-header .btn[data-bs-toggle=tooltip]{position:relative}.card-header .btn[data-bs-toggle=tooltip]:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .2s ease}.tooltip{font-size:.875rem;max-width:300px}.tooltip-inner{background-color:rgba(0,0,0,.9);color:#fff;padding:8px 12px;border-radius:6px;box-shadow:0 4px 6px rgba(0,0,0,.1);line-height:1.4}#graph-detail-modal .modal-content{border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}#graph-detail-modal .modal-header{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-radius:8px 8px 0 0}#graph-detail-modal .modal-title{font-weight:600}#graph-detail-modal .modal-body{padding:1.5rem}#graph-detail-modal .modal-body p{margin-bottom:.5rem;font-size:.9rem}#graph-detail-modal .modal-body strong{color:#495057}.usage-tokens-stats .stat-item{border-bottom:1px solid #f8f9fa;padding:.5rem 0}.usage-tokens-stats .stat-item:last-child{border-bottom:none}.usage-tokens-stats .stat-value{color:#28a745;font-weight:700}#tokens-table{font-size:.85rem}#tokens-table th{background-color:#f8f9fa;font-weight:600;color:#495057}#tokens-table td{vertical-align:middle}.tokens-high{color:#dc3545;font-weight:600}.tokens-medium{color:#ffc107;font-weight:600}.tokens-low{color:#28a745;font-weight:600}@media (min-width:1400px){.dashboard-container{padding:1.5rem}.card-body{padding:1.25rem}.chart-container{height:300px}.chart-container-large{height:500px}.stat-card{padding:1.25rem}.stat-value-large{font-size:1.4rem}.col-xxl{flex:0 0 20%;max-width:20%}.stat-value{font-size:.95rem;word-break:break-all;-webkit-hyphens:auto;hyphens:auto;line-height:1.2}.stat-label{font-size:.9rem;word-break:break-word;line-height:1.2}}@media (min-width:1920px){.dashboard-container{padding:2rem}.card-body{padding:1.5rem}.chart-container{height:350px}.chart-container-large{height:600px}.stat-card{padding:1.5rem}.stat-value-large{font-size:1.6rem}}@media (max-width:900px){.dashboard-container{padding:1rem}.dashboard-container .row{margin:0}.dashboard-container .col-md-6{padding:.5rem}.dashboard-container .card-body{padding:1rem}.chart-container{height:150px}.chart-container-large{height:300px}}@media (max-width:991.98px){.card{margin-bottom:1rem}.card-body{padding:.75rem}.stat-item{padding:.25rem 0}.stat-label{font-size:.8rem}.stat-value{font-size:.85rem}.stat-card{padding:.75rem}.stat-card .stat-label{font-size:.75rem}.stat-value-large{font-size:1rem}.stat-value small{font-size:.7rem;margin-left:.25rem}.table-wide{min-width:1200px}.table-wide td:first-child,.table-wide th:first-child{min-width:110px;width:110px}.table-wide td:nth-child(2),.table-wide th:nth-child(2){min-width:50px;width:50px}.table-wide td:nth-child(3),.table-wide th:nth-child(3){min-width:90px;width:90px}.table-wide td:nth-child(4),.table-wide th:nth-child(4){min-width:70px;width:70px}.table-wide td:nth-child(5),.table-wide th:nth-child(5){min-width:50px;width:50px}.table-wide td:nth-child(6),.table-wide th:nth-child(6){min-width:90px;width:90px}.table-wide td:nth-child(10),.table-wide td:nth-child(7),.table-wide td:nth-child(8),.table-wide td:nth-child(9),.table-wide th:nth-child(10),.table-wide th:nth-child(7),.table-wide th:nth-child(8),.table-wide th:nth-child(9){min-width:100px;width:100px}.table-wide td:nth-child(11),.table-wide th:nth-child(11){min-width:70px;width:70px}}@media (max-width:767.98px){.container,.container-fluid{padding-left:1rem;padding-right:1rem}.navbar{position:static}body{padding-top:0}.card-header{padding:.75rem}.card-header .card-title{font-size:1rem;margin-bottom:.375rem}.card-header .btn{font-size:.75rem;padding:.25rem .5rem}.card-body{padding:.5rem}.usage-stats-summary{gap:.25rem}.stat-item{padding:.2rem 0}.stat-label{font-size:.75rem}.stat-value{font-size:.8rem}.stat-card{padding:.5rem}.stat-card .stat-label{font-size:.7rem;margin-bottom:.25rem}.stat-value-large{font-size:.9rem}.stat-value small{font-size:.65rem;margin-left:.2rem}.table-wide{min-width:1000px;font-size:.75rem}.table-wide td,.table-wide th{padding:.5rem .25rem}.table-wide td:first-child,.table-wide th:first-child{min-width:100px;width:100px}.table-wide td:nth-child(2),.table-wide th:nth-child(2){min-width:45px;width:45px}.table-wide td:nth-child(3),.table-wide th:nth-child(3){min-width:80px;width:80px}.table-wide td:nth-child(4),.table-wide th:nth-child(4){min-width:60px;width:60px}.table-wide td:nth-child(5),.table-wide th:nth-child(5){min-width:45px;width:45px}.table-wide td:nth-child(6),.table-wide th:nth-child(6){min-width:80px;width:80px}.table-wide td:nth-child(10),.table-wide td:nth-child(7),.table-wide td:nth-child(8),.table-wide td:nth-child(9),.table-wide th:nth-child(10),.table-wide th:nth-child(7),.table-wide th:nth-child(8),.table-wide th:nth-child(9){min-width:85px;width:85px}.table-wide td:nth-child(11),.table-wide th:nth-child(11){min-width:60px;width:60px}.progress{height:16px}.progress-bar{font-size:.75rem;line-height:16px}.chart-container-large{height:250px}}@media (max-width:575.98px){.container,.container-fluid{padding-left:.5rem;padding-right:.5rem}.navbar{position:static}body{padding-top:0}.dashboard-container{padding:.5rem}.card-body,.stat-card{padding:.25rem}.chart-container{height:120px}.chart-container-large{height:200px}}