body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;width:100%}.login-card .ant-card-head-title{font-size:20px;font-weight:700;text-align:center}.login-button{width:100%}@media (max-width:768px){.login-container{background:linear-gradient(135deg,#667eea,#764ba2);padding:16px}.login-card{box-shadow:0 2px 8px #0000001a;max-width:100%}.login-card .ant-card-head-title{font-size:18px}.ant-form-item{margin-bottom:16px}}@media (max-width:480px){.login-container{padding:12px}.login-card{border-radius:6px}.login-card .ant-card-head-title{font-size:16px}.ant-card-body{padding:16px}.ant-btn,.ant-input{font-size:16px}.ant-btn{height:40px}}.usage-stats-panel.grafana-theme{background:linear-gradient(135deg,#0f1419,#1c1e2e);color:#fff;min-height:100vh;padding:20px}.control-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#171717cc;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:20px;padding:16px}.controls-container{width:100%}.filter-controls{border-bottom:1px solid #ffffff1a;padding-bottom:12px}.filter-item{align-items:center;display:flex;gap:8px}.filter-label{color:#fffc;font-size:12px;min-width:80px;white-space:nowrap}.panel-title{color:#fff;font-size:24px;font-weight:600;margin:0;text-shadow:0 2px 4px #0000004d}.time-controls{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.custom-time-range,.quick-time-buttons{align-items:center;display:flex;justify-content:flex-end}.time-controls .ant-space-compact .ant-btn{background:#1f78b41a;border-color:#1f78b44d;color:#fff;font-size:12px;height:28px;min-width:60px;padding:0 8px}.time-controls .ant-space-compact .ant-btn:hover{background:#1f78b433;border-color:#1f78b480;color:#fff}.time-controls .ant-space-compact .ant-btn-primary{background:#1f78b4cc;border-color:#1f78b4;color:#fff}.time-controls .ant-space-compact .ant-btn-primary:hover{background:#1f78b4;border-color:#318cc8}.stats-summary{margin-bottom:24px}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1f78b41a,#171717cc);border:1px solid #ffffff1a;border-radius:8px;padding:16px;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#1f78b480;box-shadow:0 4px 20px #1f78b433;transform:translateY(-2px)}.stat-value{color:#fff;font-size:24px;font-weight:700;margin-bottom:4px;text-shadow:0 2px 4px #0000004d}.stat-label{color:#ffffffb3;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.chart-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#171717e6,#1f78b40d);border:1px solid #ffffff1a;border-radius:8px;margin-bottom:16px;overflow:hidden;padding:16px;position:relative}.chart-panel:before{background:linear-gradient(90deg,#1f78b4cc,#e34a33cc 50%,#6a3d9acc);content:"";height:2px;left:0;position:absolute;right:0;top:0}.chart-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:8px}.chart-title{color:#fff;font-size:16px;font-weight:600;text-shadow:0 1px 2px #0000004d}.chart-container{background:#0000001a;padding:8px;position:relative}.chart-container,.chart-container canvas{border-radius:4px}.chart-loading-overlay{align-items:center;background:#171717cc;border-radius:4px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.chart-loading-overlay .ant-spin{color:#1f78b4}.chart-loading-overlay .ant-spin-text{color:#fffc}.table-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#171717e6,#1f78b40d);border:1px solid #ffffff1a;border-radius:8px;padding:16px}.panel-header{border-bottom:1px solid #ffffff1a;margin-bottom:16px;padding-bottom:8px}.panel-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.grafana-table.ant-table-wrapper{background:#0000}.grafana-table .ant-table{background:#0003;border-radius:4px}.grafana-table .ant-table-thead>tr>th{background:#1f78b41a;border-bottom:1px solid #fff3;color:#ffffffd9;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:all .2s ease}.grafana-table .ant-table-thead>tr>th:hover{background:#1f78b440!important;color:#fff!important;text-shadow:0 1px 2px #00000080}.grafana-table .ant-table-thead>tr>th.ant-table-column-sort{background:#1f78b433!important;color:#fff!important}.grafana-table .ant-table-thead>tr>th.ant-table-column-has-sorters:hover{background:#1f78b44d!important}.grafana-table .ant-table-thead>tr>th .ant-table-column-sorters{align-items:center;display:flex}.grafana-table .ant-table-thead>tr>th .ant-table-column-sorters:hover{color:#fff!important}.grafana-table .ant-table-thead>tr>th .ant-table-column-sorter{color:#ffffff73}.grafana-table .ant-table-thead>tr>th:hover .ant-table-column-sorter{color:#ffffffd9!important}.grafana-table .ant-table-thead>tr>th .ant-table-column-sorter-down.active,.grafana-table .ant-table-thead>tr>th .ant-table-column-sorter-up.active{color:#40a9ff!important}.grafana-table .ant-table-thead>tr>th .ant-table-column-title{color:inherit;flex:1 1}.grafana-table .ant-table-thead>tr>th.ant-table-column-sort .ant-table-column-title{color:#fff!important;font-weight:700}.grafana-table .ant-table-tbody>tr>td{background:#1717174d;border-bottom:1px solid #ffffff1a;color:#ffffffe6;font-size:12px}.grafana-table .ant-table-tbody>tr:hover>td{background:#1f78b433!important}.grafana-table .ant-table-tbody>tr:hover .ant-tag{background:#1f78b466!important;border-color:#1f78b4cc!important}.grafana-table .ant-tag{background:#1f78b433;border:1px solid #1f78b480;border-radius:12px;color:#fff;font-size:11px}.grafana-table .ant-table-tbody>tr:hover>td *{color:#fffffff2!important}.grafana-table .ant-table-tbody>tr:hover .ant-tag{background:#318cc84d!important;border-color:#318cc8cc!important;color:#fff!important}.grafana-table .ant-table-tbody>tr:hover>td,.grafana-table .ant-table-tbody>tr:hover>td div,.grafana-table .ant-table-tbody>tr:hover>td span{color:#fffffff2!important}.grafana-table .ant-table-tbody>tr{transition:background-color .2s ease}.grafana-table .ant-table-tbody>tr:hover{background:linear-gradient(90deg,#1f78b426,#1f78b440)!important}.grafana-table .ant-table-tbody>tr:hover>td *{color:inherit!important}.grafana-table .ant-table-tbody>tr:hover>td{color:#fffffff2!important}.grafana-table .ant-pagination{margin-top:16px}.grafana-table .ant-pagination .ant-pagination-item{background:#171717cc;border-color:#fff3}.grafana-table .ant-pagination .ant-pagination-item a{color:#fffc}.grafana-table .ant-pagination .ant-pagination-item-active{background:#1f78b44d;border-color:#1f78b4cc}.grafana-table .ant-pagination .ant-pagination-item-active a{color:#fff}.usage-stats-panel .ant-btn-primary{background:linear-gradient(135deg,#1f78b4cc,#1f78b4);border-color:#1f78b4;border-radius:4px;color:#fff;font-weight:500}.usage-stats-panel .ant-btn-primary:hover{background:linear-gradient(135deg,#1f78b4,#318cc8);border-color:#318cc8;box-shadow:0 2px 8px #1f78b44d}.usage-stats-panel .ant-btn[ant-click-animating-without-extra-node]:after{border-color:#1f78b480}.usage-stats-panel .ant-select{background:#171717cc;border-color:#fff3}.usage-stats-panel .ant-select .ant-select-selector{background:#171717cc!important;border-color:#fff3!important;color:#fff}.usage-stats-panel .ant-select .ant-select-selection-placeholder{color:#ffffff80}.usage-stats-panel .ant-select .ant-select-selection-item{color:#fff}.usage-stats-panel .ant-select:hover .ant-select-selector{border-color:#1f78b480!important}.usage-stats-panel .ant-select-focused .ant-select-selector{border-color:#1f78b4cc!important;box-shadow:0 0 0 2px #1f78b433!important}.usage-stats-panel .ant-select-arrow,.usage-stats-panel .ant-select-clear{color:#fff9}.usage-stats-panel .ant-select-selection-item{background:#1f78b433!important;border-color:#1f78b480!important;color:#fff!important}.usage-stats-panel .ant-picker{background:#171717cc;border-color:#fff3;color:#fff;min-width:280px}.usage-stats-panel .ant-picker input{background:#0000;color:#fff}.usage-stats-panel .ant-picker:hover{border-color:#1f78b480}.usage-stats-panel .ant-picker-focused{border-color:#1f78b4cc;box-shadow:0 0 0 2px #1f78b433}.usage-stats-panel .ant-picker-placeholder{color:#ffffff80}.usage-stats-panel .ant-picker-clear,.usage-stats-panel .ant-picker-separator,.usage-stats-panel .ant-picker-suffix{color:#fff9}@media (max-width:1200px){.usage-stats-panel .ant-col-12{margin-bottom:16px;width:100%}.chart-container{height:250px!important}}@media (max-width:768px){.usage-stats-panel.grafana-theme{min-height:auto;padding:10px}.control-panel{margin-bottom:12px;padding:12px}.panel-title{font-size:18px}.controls-container{width:100%}.filter-controls{margin-bottom:12px;padding-bottom:8px}.filter-item{align-items:flex-start;flex-direction:column;margin-bottom:8px}.filter-label{font-size:11px;margin-bottom:4px}.usage-stats-panel .ant-select{width:100%}.time-controls{align-items:stretch;flex-direction:column;gap:8px}.custom-time-range,.quick-time-buttons{flex-wrap:wrap;gap:4px;justify-content:center}.time-controls .ant-picker{margin-bottom:8px;min-width:auto;width:100%}.stat-card{margin-bottom:8px;padding:12px}.stat-value{font-size:18px}.stat-label{font-size:11px}.chart-panel{margin-bottom:12px;padding:12px}.chart-title{font-size:14px}.chart-container{height:200px!important;padding:4px}.table-panel{padding:12px}.panel-header h3{font-size:14px}.grafana-table .ant-table-tbody>tr>td,.grafana-table .ant-table-thead>tr>th{font-size:11px;padding:8px}.grafana-table .ant-table-wrapper{overflow-x:auto}.grafana-table .ant-pagination{margin-top:12px;text-align:center}.grafana-table .ant-pagination .ant-pagination-item{height:28px;line-height:26px;margin:0 2px;min-width:28px}.grafana-table .ant-pagination .ant-pagination-item a{font-size:12px}}@media (max-width:576px){.usage-stats-panel.grafana-theme{padding:8px}.control-panel{border-radius:6px;padding:8px}.panel-title{font-size:16px;margin-bottom:8px}.stats-summary .ant-col-4{margin-bottom:8px;width:50%}.stat-card{padding:8px}.stat-value{font-size:16px}.stat-label{font-size:10px}.time-controls .ant-space-compact{display:flex;flex-wrap:wrap;width:100%}.time-controls .ant-space-compact .ant-btn{flex:1 1;font-size:10px;height:24px;min-width:45px;padding:0 6px}.custom-time-range{align-items:stretch;flex-direction:column}.time-controls .ant-picker{font-size:12px;width:100%}.time-controls .ant-picker input{font-size:12px}.chart-panel{margin-bottom:8px;padding:8px}.chart-header{margin-bottom:8px;padding-bottom:4px}.chart-title{font-size:12px}.chart-container{height:180px!important}.table-panel{padding:8px}.panel-header{margin-bottom:8px;padding-bottom:4px}.panel-header h3{font-size:12px}.grafana-table .ant-table-tbody>tr>td,.grafana-table .ant-table-thead>tr>th{font-size:10px;padding:6px}.grafana-table .ant-tag{font-size:10px;line-height:16px;padding:0 4px}.grafana-table .hide-on-mobile{display:none}.grafana-table .ant-pagination .ant-pagination-item{height:24px;line-height:22px;margin:0 1px;min-width:24px}.grafana-table .ant-pagination .ant-pagination-item a{font-size:11px}.grafana-table .ant-pagination-next,.grafana-table .ant-pagination-prev{height:24px;line-height:22px;min-width:24px}}.usage-stats-panel .ant-spin-container{background:#171717cc;border-radius:8px;min-height:200px}.usage-stats-panel .ant-spin .ant-spin-dot{color:#1f78b4}.chart-panel::-webkit-scrollbar,.table-panel::-webkit-scrollbar{height:6px;width:6px}.chart-panel::-webkit-scrollbar-track,.table-panel::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.chart-panel::-webkit-scrollbar-thumb,.table-panel::-webkit-scrollbar-thumb{background:#1f78b480;border-radius:3px}.chart-panel::-webkit-scrollbar-thumb:hover,.table-panel::-webkit-scrollbar-thumb:hover{background:#1f78b4cc}.subscription-badge{animation:subscription-glow 2s ease-in-out infinite alternate;color:#faad14;font-size:14px;margin-left:4px}@keyframes subscription-glow{0%{text-shadow:0 0 2px #faad1499}to{text-shadow:0 0 6px #faad14cc,0 0 12px #faad1466}}.subscription-badge:hover{color:#ffc53d;transform:scale(1.1);transition:all .2s ease}.grafana-table .ant-table-tbody>tr:hover .subscription-badge{color:#ffd666!important;text-shadow:0 0 8px #ffd666cc!important}.free-pool-panel{padding:20px}.free-pool-panel .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a}.free-pool-panel .ant-statistic-content-value{font-size:28px;font-weight:700}.free-pool-panel .ant-statistic-title{font-size:16px;margin-bottom:8px}.free-pool-panel .ant-alert,.free-pool-panel .ant-btn{border-radius:6px}@media (max-width:768px){.free-pool-panel{padding:12px}.free-pool-panel .ant-card{margin-bottom:12px}.free-pool-panel .ant-statistic-content-value{font-size:22px}.free-pool-panel .ant-statistic-title{font-size:14px}.free-pool-panel .ant-table-wrapper{overflow-x:auto}.free-pool-panel .ant-table-cell{font-size:12px;padding:8px}.free-pool-panel .ant-space{flex-wrap:wrap}.free-pool-panel .ant-btn{font-size:14px;padding:4px 12px}.free-pool-panel .ant-form-item{margin-bottom:12px}.free-pool-panel .ant-input,.free-pool-panel .ant-input-number{font-size:14px}}@media (max-width:480px){.free-pool-panel{padding:8px}.free-pool-panel .ant-card-body{padding:12px}.free-pool-panel .ant-statistic-content-value{font-size:18px}.free-pool-panel .ant-statistic-title{font-size:12px;margin-bottom:4px}.free-pool-panel .ant-table-cell{font-size:11px;padding:4px}.free-pool-panel .ant-btn{font-size:12px;padding:2px 8px}.free-pool-panel .ant-collapse-header{font-size:14px;padding:8px 12px!important}.free-pool-panel .ant-collapse-content-box{padding:8px!important}.free-pool-panel .ant-modal{max-width:calc(100vw - 32px)}.free-pool-panel .ant-modal-body{padding:12px}}.dashboard-layout{min-height:100vh}.logo{border-bottom:1px solid #001529;color:#fff;font-size:18px;font-weight:700;height:64px;justify-content:center}.dashboard-header,.logo{align-items:center;display:flex}.dashboard-header{background:#fff;box-shadow:0 1px 4px #00152914;justify-content:space-between;padding:0 24px}.dashboard-header h2{color:#001529;margin:0}.dashboard-content{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:24px;padding:24px}@media (max-width:768px){.dashboard-layout{min-height:100vh}.logo{font-size:14px;height:48px;padding:0 8px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:8px;padding:12px}.dashboard-header h2{font-size:18px}.dashboard-content{margin:12px;padding:12px}.ant-table-wrapper{overflow-x:auto}.ant-space-horizontal{flex-wrap:wrap}.ant-modal{margin:16px auto;max-width:calc(100vw - 32px)}.ant-modal-content{border-radius:8px}.ant-form-horizontal .ant-form-item-label{text-align:left}.ant-card-body{padding:12px}.ant-statistic-title{font-size:12px}.ant-statistic-content-value{font-size:20px}.ant-layout-sider{bottom:0;left:0;position:fixed;top:0;z-index:1000}.ant-layout-sider-collapsed{max-width:0!important;min-width:0!important;width:0!important}.ant-layout-content{margin-left:0}.ant-menu-item{font-size:14px}.ant-table-cell{font-size:12px;padding:8px}.ant-btn{font-size:14px;padding:4px 12px}.ant-dropdown-menu{max-width:90vw}.ant-tag{font-size:12px;padding:2px 6px}.ant-collapse-header{font-size:14px;padding:8px 12px!important}.ant-collapse-content-box{padding:12px!important}.ant-picker{width:100%}.ant-input,.ant-input-number,.ant-select-selector{font-size:14px}.ant-pagination{margin-top:12px;text-align:center}.ant-pagination-item{font-size:12px;height:28px;line-height:26px;min-width:28px}}@media (max-width:480px){.dashboard-content{margin:8px;padding:8px}.ant-table-cell{font-size:11px;padding:4px}.ant-btn-sm{font-size:12px;padding:2px 8px}.hide-on-mobile{display:none}.ant-table-fixed-left{left:0}.ant-table-fixed-left,.ant-table-fixed-right{background:#fff;position:-webkit-sticky!important;position:sticky!important;z-index:1}.ant-table-fixed-right{right:0}.mobile-action-dropdown .ant-dropdown-menu{max-width:150px}.mobile-action-button{height:24px!important;min-width:auto!important;padding:4px 6px!important}}.App{height:100vh}