.side-menu{background-color:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:280px;z-index:1000}.side-menu-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 20px}.logo-container{flex:1 1;gap:12px}.logo-circle,.logo-container{align-items:center;display:flex}.logo-circle{background-color:#2563eb;border-radius:50%;flex-shrink:0;height:40px;justify-content:center;width:40px}.brand-text{display:flex;flex-direction:column;gap:2px}.brand-name{font-size:18px;font-weight:700}.brand-name,.brand-subtitle{color:#1e293b;line-height:1.2;margin:0}.brand-subtitle{font-size:14px;font-weight:400}.collapse-icon{align-items:center;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:opacity .2s ease}.collapse-icon:hover{opacity:.7}.side-menu-nav{flex:1 1;overflow-y:auto;padding:20px 0}.nav-item{align-items:center;background-color:initial;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:inherit;gap:15px;margin:0 12px 8px;padding:12px 20px;text-align:left;transition:all .2s ease;width:calc(100% - 24px)}.nav-item:hover:not(.nav-item-active){background-color:#f8fafc}.nav-item-active{background-color:#2563eb;color:#fff}.nav-item-active .nav-icon{color:#fff}.nav-icon{align-items:center;color:#64748b;display:flex;flex-shrink:0;height:20px;justify-content:center;transition:color .2s ease;width:20px}.nav-item:not(.nav-item-active) .nav-icon{color:#94a3b8}.nav-label{color:inherit;font-size:15px;font-weight:600;transition:color .2s ease}.nav-item:not(.nav-item-active) .nav-label{color:#94a3b8}.side-menu::-webkit-scrollbar{width:6px}.side-menu::-webkit-scrollbar-track{background:#0000}.side-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.side-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.top-bar{align-items:center;background-color:#fff;border-bottom:1px solid #e2e8f0;display:flex;height:64px;justify-content:space-between;left:280px;padding:0 24px;position:fixed;right:0;top:0;transition:left .3s ease,width .3s ease;width:calc(100% - 280px);z-index:999}.top-bar-full{left:0!important;width:100%!important}.sidebar-toggle-btn{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.sidebar-toggle-btn:hover{background-color:#f8fafc;border-color:#cbd5e1}.sidebar-toggle-btn:active{transform:scale(.95)}.top-bar-spacer{flex:1 1}.top-bar-right{align-items:center;display:flex;gap:16px}.top-bar-icon-btn{align-items:center;background-color:initial;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;position:relative;transition:all .2s ease;width:40px}.top-bar-icon-btn:hover{background-color:#f8fafc;color:#1e293b}.top-bar-icon-btn:active{transform:scale(.95)}.notification-btn{position:relative}.notification-badge{background-color:#ef4444;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:8px;top:8px;width:8px}.top-bar-separator{background-color:#e2e8f0;flex-shrink:0;height:24px;width:1px}.profile-btn{align-items:center;background-color:initial;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;padding:0;transition:transform .2s ease;width:40px}.profile-btn:hover{transform:scale(1.05)}.profile-btn:active{transform:scale(.95)}.profile-avatar{align-items:center;background-color:#f1f5f9;border-radius:50%;display:flex;height:32px;justify-content:center;overflow:hidden;width:32px}.profile-avatar svg{height:100%;width:100%}.profile-dropdown-container{position:relative}.profile-dropdown{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-width:200px;padding:8px 0;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.dropdown-item{align-items:center;color:#1e293b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:10px 16px;transition:background-color .2s ease}.dropdown-item:hover{background-color:#f8fafc}.dropdown-item svg{color:#64748b;flex-shrink:0;height:16px;width:16px}.dropdown-divider{background-color:#e2e8f0;height:1px;margin:4px 0}.login-container{align-items:center;background-color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.login-form{backgroundColor:#fff;border-radius:8px;max-width:600px;padding:40px;width:100%}.login-title{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 32px;text-align:center}.login-field-group{margin-bottom:24px}.login-input-container{align-items:center;display:flex;position:relative}.login-eye-icon{cursor:pointer;font-size:16px;position:absolute;right:12px;-webkit-user-select:none;user-select:none}.login-label{display:block;font-weight:600;margin-bottom:9px}.login-input,.login-label{color:#1e293b;font-size:16px}.login-input{background-color:#fff;border:1px solid #bfbfbf;border-radius:6px;box-sizing:border-box;outline:none;padding:12px 16px;transition:border-color .2s ease;width:100%}.login-input:focus{border-color:#2563eb}.login-input::placeholder{color:#bfbfbf!important}.login-button{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:12px 24px;transition:background-color .2s ease;width:100%}.login-button:hover:not(:disabled){background-color:#1d4ed8}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-error{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#ef4444;display:flex;font-size:14px;justify-content:space-between;margin-bottom:16px;padding:8px;text-align:center}.login-link-container{margin-top:16px;text-align:center}.login-link-text{color:#6b7280;font-size:14px;margin:0}.login-link{color:#2563eb;font-weight:500;text-decoration:none}.login-link:hover{text-decoration:underline}.signup-container{align-items:center;background-color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.signup-form{background-color:#fff;border-radius:8px;max-width:600px;padding:40px;width:100%}.signup-title{color:#1e293b;font-size:28px;font-weight:700;margin:0 0 32px;text-align:center}.signup-field-group{margin-bottom:24px}.signup-input-container{align-items:center;display:flex;position:relative}.signup-eye-icon{cursor:pointer;font-size:16px;position:absolute;right:12px;-webkit-user-select:none;user-select:none}.signup-label{display:block;font-weight:600;margin-bottom:9px}.signup-input,.signup-label{color:#1e293b;font-size:16px}.signup-input{background-color:#fff;border:1px solid #bfbfbf;border-radius:6px;box-sizing:border-box;outline:none;padding:12px 16px;transition:border-color .2s ease;width:100%}.signup-input:focus{border-color:#2563eb}.signup-input-error{border-color:#ef4444!important}.signup-input::placeholder{color:#bfbfbf!important}.signup-field-error{color:#ef4444;font-size:12px;margin-top:4px}.signup-button{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:12px 24px;transition:background-color .2s ease;width:100%}.signup-button:hover:not(:disabled){background-color:#1d4ed8}.signup-button:disabled{cursor:not-allowed;opacity:.6}.signup-error{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#ef4444;display:flex;font-size:14px;justify-content:space-between;margin-bottom:16px;padding:8px;text-align:center}.clear-error-button{background:none;border:none;color:#ef4444;cursor:pointer;font-size:18px;font-weight:700;margin-left:8px;padding:0}.signup-link-container{margin-top:16px;text-align:center}.signup-link-text{color:#6b7280;font-size:14px;margin:0}.signup-link{color:#2563eb;font-weight:500;text-decoration:none}.signup-link:hover{text-decoration:underline}.metric-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1 1;min-width:0;padding:24px}.metric-title{color:#64748b;font-size:14px;font-weight:500;margin:0 0 12px}.metric-value{color:#1e293b;font-size:32px;font-weight:700;margin:0}.chart-title{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 24px}.chart-container{width:100%}.chart-svg{height:200px;overflow:visible;width:100%}.chart-x-axis{display:flex;justify-content:space-between;margin-top:8px;padding:0 8px}.x-axis-label{color:#64748b;flex:1 1;font-size:12px;text-align:center}.pie-chart-container{align-items:center;display:flex;flex-wrap:wrap;gap:32px}.pie-chart-svg{flex-shrink:0;height:160px;width:160px}.pie-chart-legend{display:flex;flex:1 1;flex-direction:column;gap:12px}.legend-item{align-items:center;display:flex;gap:12px}.legend-color{border-radius:50%;flex-shrink:0;height:12px;width:12px}.legend-label{color:#64748b;flex:1 1;font-size:14px}.legend-percentage{color:#1e293b;font-size:14px;font-weight:600}.cost-breakdown-list{gap:20px}.cost-breakdown-list,.cost-item{display:flex;flex-direction:column}.cost-item{gap:8px}.cost-item-header{align-items:center;display:flex;justify-content:space-between}.cost-item-label{color:#1e293b;font-size:14px;font-weight:500}.cost-item-value{color:#1e293b;font-size:14px;font-weight:600}.progress-bar-container{background-color:#f1f5f9;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-bar{border-radius:4px;height:100%;transition:width .3s ease}.action-buttons-container{display:flex;flex-direction:column;gap:12px}.action-button{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:background-color .2s ease;width:100%}.action-button:hover{background-color:#1d4ed8}.action-button:active{transform:scale(.98)}.dashboard-container{background-color:#f8fafc;min-height:calc(100vh - 64px);padding:40px}.chart-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px}.dashboard-title{color:#1e293b;font-size:32px;font-weight:700;margin:0 0 32px}.bottom-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}@media (max-width:1200px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.bottom-grid,.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.dashboard-container{padding:24px}.metrics-grid{grid-template-columns:1fr}}.bar-chart-container{overflow-x:auto;width:100%}.bar-chart-svg{height:240px;overflow:visible;width:100%}.bar-chart-x-axis{display:flex;justify-content:space-around;margin-top:8px;padding:0 8px}.bar-x-axis-label{color:#64748b;flex:1 1;font-size:12px;text-align:center}.data-table-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px;width:100%}.data-table-header{gap:16px;justify-content:space-between;margin-bottom:20px}.data-table-header,.export-btn{align-items:center;display:flex}.export-btn{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.export-btn:hover{background-color:#f8fafc;border-color:#cbd5e1}.export-btn:active{transform:scale(.98)}.export-btn svg{flex-shrink:0;height:16px;width:16px}.usage-table{border-collapse:collapse;font-size:14px;width:100%}.usage-table thead{background-color:#f8fafc}.usage-table th{border-bottom:1px solid #e2e8f0;color:#1e293b;font-weight:600;padding:12px 16px;text-align:left}.usage-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;padding:12px 16px}.usage-table tbody tr:nth-child(2n){background-color:#f8fafc}.usage-table tbody tr:hover{background-color:#f1f5f9}.usage-table tbody tr:last-child td{border-bottom:none}.usage-reports-container{background-color:#f8fafc;min-height:calc(100vh - 64px);padding:40px}.page-title{margin:0 0 32px}.metrics-grid{grid-gap:24px;grid-template-columns:repeat(4,1fr)}.charts-grid,.metrics-grid{display:grid;gap:24px;margin-bottom:24px}.charts-grid{grid-gap:24px;grid-template-columns:repeat(2,1fr)}.table-section{width:100%}@media (max-width:1200px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.usage-reports-container{padding:24px}.metrics-grid{grid-template-columns:1fr}}.customer-table-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px;width:100%}.customer-table-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.search-container{max-width:300px}.table-wrapper{border-radius:6px}.customer-table{border-collapse:collapse;font-size:14px;width:100%}.customer-table thead{background-color:#f8fafc}.customer-table th{border-bottom:1px solid #e2e8f0;color:#1e293b;font-weight:600;padding:12px 16px;text-align:left}.customer-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;padding:12px 16px}.customer-table tbody tr:nth-child(2n){background-color:#f8fafc}.customer-table tbody tr:hover{background-color:#f1f5f9}.customer-table tbody tr:last-child td{border-bottom:none}.status-joined{background-color:#d1fae5;color:#065f46}.action-buttons{gap:8px}.action-btn,.action-buttons{align-items:center;display:flex}.action-btn{background-color:initial;border:none;border-radius:6px;color:#64748b;cursor:pointer;height:32px;justify-content:center;transition:all .2s ease;width:32px}.action-btn:hover{background-color:#f1f5f9}.delete-btn:hover{background-color:#fee2e2;color:#ef4444}.edit-btn:hover{background-color:#dbeafe;color:#2563eb}.action-btn:active{transform:scale(.95)}.action-btn svg{height:16px;width:16px}.customer-management-container{background-color:#f8fafc;min-height:calc(100vh - 64px);padding:40px}.customer-management-header{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.invite-customer-btn{align-items:center;background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:background-color .2s ease}.invite-customer-btn:hover{background-color:#1d4ed8}.invite-customer-btn:active{transform:scale(.98)}.invite-customer-btn svg{flex-shrink:0;height:20px;width:20px}@media (max-width:768px){.customer-management-container{padding:24px}.customer-management-header{align-items:flex-start;flex-direction:column}.invite-customer-btn{justify-content:center;width:100%}}.billing-management-container{background-color:#f8fafc;min-height:calc(100vh - 64px);padding:40px}.billing-management-header{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.search-container{flex:1 1;max-width:400px}.search-input{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;font-size:14px;padding:10px 16px;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:#2563eb;outline:none}.search-input::placeholder{color:#94a3b8}.table-wrapper{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px}.billing-table{border-collapse:collapse;font-size:14px;width:100%}.billing-table thead{background-color:#f8fafc}.billing-table th{border-bottom:1px solid #e2e8f0;color:#1e293b;font-weight:600;padding:12px 16px;text-align:left}.billing-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;padding:12px 16px}.billing-table tbody tr:hover{background-color:#f1f5f9}.billing-table tbody tr:last-child td{border-bottom:none}.no-data{color:#64748b;padding:40px!important;text-align:center}.role-badge{background-color:#f1f5f9;color:#1e293b}.role-badge,.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px}.status-badge{text-transform:capitalize}.status-active{background-color:#d1fae5;color:#065f46}.status-pending{background-color:#fef3c7;color:#92400e}.status-failed{background-color:#fee2e2;color:#991b1b}.view-billing-btn{background:none;border:none;color:#2563eb;cursor:pointer;font-size:14px;font-weight:500;padding:4px 0;text-decoration:none;transition:color .2s ease}.view-billing-btn:hover{color:#1d4ed8;text-decoration:underline}.view-billing-btn:active{transform:scale(.98)}@media (max-width:768px){.billing-management-container{padding:24px}.billing-management-header{align-items:flex-start;flex-direction:column}.search-container{max-width:100%;width:100%}}.billing-details-container{background-color:#f8fafc;min-height:calc(100vh - 64px);padding:40px}.billing-details-header{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.page-title{color:#1e293b;font-size:32px;font-weight:700;margin:0}.back-button{background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.back-button:hover{background-color:#f8fafc;border-color:#cbd5e1}.back-button:active{transform:scale(.98)}.billing-sections{display:flex;flex-direction:column;gap:32px}.billing-section{display:flex;flex-direction:column;gap:16px}.section-title{color:#1e293b;font-size:20px;font-weight:600;margin:0}.table-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px}.table-wrapper{overflow-x:auto}.details-table{border-collapse:collapse;font-size:14px;width:100%}.details-table thead{background-color:#f8fafc}.details-table th{border-bottom:1px solid #e2e8f0;color:#1e293b;font-weight:600;padding:12px 16px;text-align:left}.details-table td{border-bottom:1px solid #f1f5f9;color:#1e293b;padding:12px 16px}.details-table tbody tr:last-child td{border-bottom:none}.details-table tbody tr:hover{background-color:#f8fafc}.invoice-status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.invoice-status-paid{background-color:#d1fae5;color:#065f46}.invoice-status-pending{background-color:#fef3c7;color:#92400e}.invoice-status-overdue{background-color:#fee2e2;color:#991b1b}@media (max-width:768px){.billing-details-container{padding:24px}.billing-details-header{align-items:flex-start;flex-direction:column}.back-button{text-align:center;width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;color:#1e293b}#root{min-height:100vh}button{cursor:pointer}button,input{background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0}input{outline:none}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible{outline:2px solid #2563eb;outline-offset:2px}*{transition:border-color .2s ease,background-color .2s ease,color .2s ease}.app-container{display:flex;height:100vh;overflow:hidden;width:100%}.main-content{background-color:#fff;flex:1 1;margin-left:280px;overflow-y:auto;transition:margin-left .3s ease}.main-content-full{margin-left:0}.page-wrapper{margin-top:64px;min-height:calc(100vh - 64px)}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}
/*# sourceMappingURL=main.8a6a99ca.css.map*/