@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}li{list-style:none}a{text-decoration:none;color:#2e2a2a}body{background-color:#ffda21;color:#201f1f;font-family:Roboto,serif;padding-top:60px}.page-title{flex:1;display:flex;justify-content:center}.page-title h1{font-weight:300;font-size:24px;margin-bottom:25px;color:#333}img{width:100%;height:100%;object-fit:cover}.container{background-color:#fff;margin:0 auto;padding:30px;max-width:100%;min-height:100vh;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px,#0a254059 0 -2px 6px inset}.button{background-color:#ffda21;border:none;padding:10px;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;font-size:16px;font-weight:700;margin-right:20px}button{border:none}@media screen and (max-width: 768px){.container{padding-left:10px;padding-right:10px}h1{margin-top:10px}}.navbar{background:#fff;box-shadow:0 2px 6px #fda71d39;padding:15px 20px;position:fixed;top:0;width:100%;z-index:1000}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:100%;margin:0 auto}.logo{width:100px;height:40px}.nav-links{display:flex;gap:20px}.nav-link{text-decoration:none;color:#333;font-weight:500;padding:8px 12px;transition:color .3s ease-in-out}.nav-link:hover{color:#ffda21}.nav-icon{width:20px;height:20px;margin-right:5px}.hamburger{display:none;flex-direction:column;cursor:pointer;background:none;border:none}.bar{width:30px;height:2px;background:#ffda21;margin:4px 0;transition:.4s}.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.open:nth-child(2){opacity:0}.open:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{display:none;position:absolute;top:60px;left:0;width:100%;background:#fffe;box-shadow:0 2px 6px #0000001a;flex-direction:column;padding:10px 0}.mobile-menu.show{display:flex}.mobile-link{padding:10px 20px;text-decoration:none;color:#333;display:block;font-weight:500;transition:background .3s ease-in-out}.mobile-link:hover{background:#f1f1f1}.loading-container-navbar{display:flex;flex-direction:column;align-items:center;justify-content:center;max-height:fit-content;padding-left:1rem;padding-right:1rem}.loading-spinner-navbar{position:relative;width:25px;height:25px}@media (max-width: 768px){.nav-links{display:none}.hamburger{display:flex}}.all-usage{color:#888;font-size:.8rem}.accounts-page{padding:15px;display:flex;flex-direction:column;align-items:center}.accounts-table-container{width:100%;max-width:1200px;border-radius:8px;overflow:hidden}.accounts-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;min-width:600px;table-layout:fixed}.accounts-table th,.accounts-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd;white-space:wrap;overflow:hidden;text-overflow:ellipsis}.accounts-table th{background-color:#385eb7f7;color:#fce98ce7;font-weight:700}.accounts-table tr:nth-child(2n){background-color:#f9f9f9}.accounts-table tr:hover{background-color:#fff98740;cursor:pointer}.accounts-table td{color:#333}.filter-selectors{display:flex;flex-direction:row;gap:4rem;margin-bottom:1rem}.filter-selectors label{font-size:1.3rem}.plan-filter select{margin-left:.3125rem;border-radius:.3125rem;box-shadow:0 2px 8px #0000001a;cursor:pointer;font-size:1rem}.pagination-controls{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:20px;gap:10px}.pagination-controls button{padding:5px;background-color:#ffda217a;border:none;cursor:pointer;border-radius:12px}.page-selector{display:flex;gap:8px}.page-selector select{border-radius:.315rem;box-shadow:0 2px 8px #0000001a;cursor:pointer}.page-navigation{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px}@media screen and (max-width: 768px){.accounts-page{padding:0}.accounts-table-container{width:100%;max-width:100vw}.accounts-table{min-width:100%}.accounts-table th,.accounts-table td{font-size:14px;padding:8px 10px;white-space:normal;word-break:break-word}.accounts-table tr{height:auto}.hide-on-mobile{display:none}.filter-selectors{display:flex;flex-direction:column;gap:.625rem}.filter-selectors label{font-size:1rem}}.health-table-container{width:100%;overflow-x:auto;background-color:#fff;border-radius:8px 8px 0 0}.health-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:900px}.health-table th{text-align:left;padding:10px 14px;background-color:#385eb7f7;color:#fce98ce7;font-weight:700;border-bottom:2px solid #e2e2e2}.health-table td{padding:10px 14px;border-bottom:1px solid #eee;color:#333;word-break:break-word}.health-table tr:nth-child(2n){background-color:#f9f9f9}.health-table tr:hover{background-color:#fff98740;cursor:pointer}.cell-status{font-weight:700;font-size:.85rem;border-radius:4px}.status-ok{background-color:#10b981;color:#fff}.status-error{background-color:#ef4444;color:#fff}.status-unknown{background-color:#cbd5e0;color:#333}@media (max-width: 768px){.health-table{font-size:.85rem;min-width:100%}.health-table-container{padding:10px}}.section-title{display:flex;flex-direction:row;align-items:center;gap:5px;margin-bottom:15px}.cluster-section-content{display:grid;gap:1rem;padding:1rem;grid-template-columns:1fr 1fr;align-items:start}.detail-item-card.cluster{width:100%}.services-table-wrapper.cluster{overflow:hidden}.services-table.cluster th:nth-child(1),.services-table.cluster td:nth-child(1){width:5%}.node-list{list-style:none;padding:0}.node-item{margin-bottom:.5rem;display:flex;align-items:center}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.5rem}.status-on{background-color:#00c49f}.status-off{background-color:#ff8042}.cluster-error{color:red}.loading-indicator{font-size:.9rem;color:#999}@media (max-width: 767px){.cluster-section-content{grid-template-columns:1fr}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:2rem}.loading-text{margin-top:1.5rem;color:#6b7280;font-size:.875rem}.loading-spinner{position:relative;width:60px;height:60px}.spinner-circle{position:absolute;width:100%;height:100%;border:3px solid transparent;border-radius:50%;border-top-color:#3b82f6;animation:spin 1.2s linear infinite}.spinner-circle-inner{position:absolute;top:15%;left:15%;width:70%;height:70%;border:3px solid transparent;border-radius:50%;border-top-color:#ffda21;animation:spin .8s linear infinite reverse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.organizations-container{display:flex;flex-direction:column;gap:1rem}.organization-header{display:flex;align-items:center;padding:.75rem 1rem;background-color:#f8fafc;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.organization-header:hover{background-color:#f1f5f9}.organization-header h4{margin:0 0 0 .5rem;font-size:1rem;font-weight:600}.toggle-controls{display:flex;gap:.5rem}.card-header.overview{display:flex;justify-content:space-between;align-items:center}.clickable-row{cursor:pointer}@media (max-width: 480px){.card-header.overview{flex-direction:column;align-items:flex-start}.toggle-controls{margin-top:.5rem;width:100%;justify-content:flex-start}.services-table.overview.running{min-width:450px}.services-table.overview.running th,.services-table.overview.running td{padding:.4rem .2rem;font-size:.9rem}.services-table.overview.running th:first-child,.services-table.overview.running td:first-child{word-wrap:break-word;white-space:normal;overflow-wrap:break-word;min-width:60px;max-width:80px}.services-table.overview.running th:nth-child(2),.services-table.overview.running td:nth-child(2){min-width:40px;max-width:120px}.services-table.overview.running th:nth-child(3),.services-table.overview.running td:nth-child(3){min-width:80px;max-width:100px}.services-table.overview.running th:nth-child(4),.services-table.overview.running td:nth-child(4){max-width:100px}}.login-card{background:#fff;border-radius:8px;padding:20px;margin:5% auto 0;box-shadow:0 2px 8px #18808698;width:320px;text-align:center}.login-card-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.input-group{display:flex;align-items:center;gap:10px;background:#f0f0f0;padding:10px;border-radius:5px;margin-bottom:15px}.input-group input{border:none;background:transparent;outline:none;flex:1;font-size:16px}.error-message{color:red;font-size:14px;margin-bottom:15px}.login-button{background-color:#ffda21;border:none;padding:10px;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;font-size:16px;font-weight:700;margin-top:15px;margin-bottom:10px}.login-button:hover{background-color:#fff78b}.login-button:disabled{background-color:#c8c8c8;cursor:not-allowed}.not-found-container{padding:15px;display:flex;flex-direction:column;align-items:center}.account-detail-page{max-width:100%;margin:0 auto;padding:0}.container-section{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:10px}.page-header{display:flex;align-items:center;margin-bottom:24px}div.page-title h1 span{font-size:30px;font-weight:700;white-space:normal}.tab-navigation{display:flex;background-color:#fff98740;border-radius:8px;border-bottom:1px solid #e0e0e0;margin-bottom:24px;overflow-x:auto}.tab-button{display:flex;align-items:center;gap:8px;padding:12px 24px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:16px;color:#666;transition:all .2s}.tab-button:hover{color:#333}.tab-button.active{color:#043bbcf7;border-bottom:2px solid #1354c4cb;font-weight:500}.tab-content{min-height:300px}.detail-item-card{border-radius:8px;height:100%;width:100%;min-width:250px}.card-content{height:100%;display:flex;flex-direction:column;padding:20px}.card-header{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:25px}.card-header h3{margin:0;background-color:#ffda21;box-shadow:0 2px 8px #0000001a;border-radius:12px;padding:4px 10px;font-size:26px;color:#5e5e5e;white-space:normal;word-break:break-word}.card-badge{padding:4px 10px;background-color:#3021ff;box-shadow:0 2px 8px #0000001a;white-space:nowrap;border-radius:12px;font-size:16px;color:#ffda21}.card-body{display:flex;flex-direction:column;gap:10px;flex:1}.card-field{display:flex;flex-direction:column}.field-label{font-size:12px;color:#666;margin-bottom:2px}.field-value{font-size:18px;color:#333}.field-value.comment{color:red}.loading-message{color:#666;text-align:center;padding:20px}.error-message{color:#f56c6c;text-align:center;padding:20px}.no-data-message{color:#1e1e1e;text-align:center;padding:40px;font-size:16px;background-color:#fff98740;border-radius:8px}@media (max-width: 768px){.overview-section{grid-template-columns:1fr}.field-label{font-size:14px;color:#999}.field-value{font-size:20px}.tab-navigation{overflow-x:auto;white-space:nowrap}.tab-button{padding:12px 16px}.card-grid{grid-template-columns:1fr}}.detail-item-card.services{max-width:500px}.field-value.cpu-usage,.field-value.memory-usage,.field-value.restarts{font-size:50px}.container-section-overview{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;gap:20px;width:100%;overflow-x:hidden}.org-card{grid-column:1 / 2;grid-row:1 / 2}.billing-card{grid-column:2 / 3;grid-row:1 / 2}.users-card{grid-column:3 / 4;grid-row:1 / 2}.services-card{grid-column:1 / 4;grid-row:2 / 3}.users-accordion-container{max-height:350px;overflow-y:auto;padding-right:10px}.users-accordion-wrapper{display:flex;flex-direction:column;gap:8px}.user-item{border:1px solid #ffec44;border-radius:5px;background-color:#fff;cursor:pointer;transition:background-color .2s;white-space:normal;word-wrap:break-word;word-break:break-word}.user-info{font-size:.8rem;color:#888}.field-label.users{font-size:12px}.field-value.users{font-size:18px}.user-item:hover{background-color:#fff98740}.user-header{padding:10px;display:flex;justify-content:space-between;align-items:center;font-weight:700}.user-details{display:flex;flex-direction:column;padding:10px;color:#555;background-color:#fff;gap:5px}.services-table-container{position:relative;width:100%;overflow-x:auto}.services-table-wrapper{display:block;width:100%;overflow-x:auto}.services-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:900px;margin-top:10px}.sticky-col{position:sticky;left:0;background-color:#fff;z-index:1}.services-table th{text-align:left;padding:8px 12px;background-color:#f5f5f5;background-color:#385eb7f7;color:#fce98ce7;font-weight:700}.services-table tr:nth-child(2n){background-color:#f9f9f9}.services-table tr:hover{background-color:#fff98740;cursor:pointer}.services-table td{padding:10px 12px;border-bottom:1px solid #eee}.table-badge{background-color:#e2e8f0;padding:3px 8px;border-radius:4px;font-size:.8rem;display:inline-block}.table-status-badge{background-color:#10b981;color:#fff;padding:3px 8px;border-radius:4px;font-size:.8rem;display:inline-block;margin-right:4px}.table-statusps-badge{background-color:#10b948;color:#fff;padding:3px 8px;border-radius:4px;font-size:.8rem;display:inline-block}.table-statuses{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.button-small{padding:4px 8px;background-color:#ffda21;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;font-size:12px;transition:background-color .2s}.button-small:hover{background-color:#f3bc25}.error{background-color:#f87171;color:#fff;border-radius:4px;padding:3px 8px;font-size:.8rem;display:inline-block;margin-right:4px}@media (max-width: 768px){.container-section-overview{display:flex;flex-direction:column;justify-content:center;gap:20px}.services-table-container{overflow-x:auto}.org-card,.billing-card,.users-card,.services-card{grid-column:1}.users-card{grid-row:3}}@media (max-width: 480px){.services-table.overview{min-width:450px}.services-table.overview th,.services-table.overview td{padding:.4rem .2rem;font-size:.9rem}.services-table.overview th:first-child,.services-table.overview td:first-child{word-wrap:break-word;white-space:normal;overflow-wrap:break-word;min-width:60px;max-width:80px}.services-table.overview th:nth-child(2),.services-table.overview td:nth-child(2){min-width:40px;max-width:120px}.services-table.overview th:nth-child(3),.services-table.overview td:nth-child(3){min-width:30px;max-width:60px}.services-table.overview th:nth-child(4),.services-table.overview td:nth-child(4){max-width:100px}}.filter-section{margin-bottom:20px;display:flex;flex-direction:column;gap:10px}.date-inputs{display:flex;gap:15px;flex-wrap:wrap;align-items:center}.date-inputs label,.date-inputs button{display:flex;align-items:center;gap:8px}.date-inputs input{padding:6px 10px;border:1px solid #ddd;border-radius:4px}.date-presets{display:flex;gap:10px;flex-wrap:wrap;margin-top:5px}.preset-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;padding:6px 12px;cursor:pointer;font-size:.9em;display:flex;align-items:center;gap:5px}.preset-button:hover{background-color:#e9e9e9}.services-table-wrapper.history{overflow-x:auto;margin-bottom:1.5rem;width:100%}.services-table.history{width:100%;table-layout:auto;min-width:650px}.services-table.history th,.services-table.history td{white-space:wrap;padding:.75rem .5rem;text-align:left}.services-table.history th:first-child,.services-table.history td:first-child{min-width:100px}.services-table.history th:nth-child(3),.services-table.history td:nth-child(3),.services-table.history th:nth-child(4),.services-table.history td:nth-child(4){min-width:80px}@media screen and (max-width: 1200px){.services-table.history{min-width:600px}.services-table.history th,.services-table.history td{padding:.6rem .4rem;font-size:.95rem}}@media screen and (max-width: 768px){.services-table.history{min-width:500px}.services-table.history th,.services-table.history td{padding:.5rem .3rem;font-size:.9rem}.filter-section.history .date-inputs.history{flex-direction:column;align-items:flex-start;gap:.5rem}.filter-section.history .date-inputs.history label,.filter-section.history .date-inputs.history input{width:100%}}@media (max-width: 480px){.services-table.projects{min-width:450px}.services-table.projects th,.services-table.projects td{padding:.4rem .2rem;font-size:.9rem}.services-table.projects th:first-child,.services-table.projects td:first-child{word-wrap:break-word;white-space:normal;overflow-wrap:break-word;min-width:60px;max-width:80px}.services-table.projects th:nth-child(2),.services-table.projects td:nth-child(2){min-width:40px;max-width:120px}.services-table.projects th:nth-child(3),.services-table.projects td:nth-child(3){min-width:30px;max-width:60px}.services-table.projects th:nth-child(4),.services-table.projects td:nth-child(4){max-width:100px}}.services-table-wrapper h4 span{font-size:18px;color:#404192}.date-inputs.usage select{padding:6px 10px;border:1px solid #ddd;border-radius:4px}.services-table-wrapper.usage{overflow-x:auto;margin-bottom:1.5rem;width:100%}.services-table.usage{width:100%;margin-top:1rem;border-collapse:collapse;table-layout:auto;min-width:650px}.services-table.usage th,.services-table.usage td{white-space:nowrap;padding:.75rem .5rem;text-align:left}.services-table.usage th:first-child,.services-table.usage td:first-child{min-width:100px;max-width:200px;width:auto;word-wrap:break-word;white-space:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.services-table.usage.volumes th:nth-child(3),.services-table.usage.volumes td:nth-child(3),.services-table.usage.volumes th:nth-child(4),.services-table.usage.volumes td:nth-child(4){min-width:80px}.services-table.usage.volumes td:nth-child(5){min-width:150px}.services-table.usage td:last-child{white-space:normal;word-break:break-word;max-width:200px}@media screen and (max-width: 1200px){.services-table.usage{min-width:600px}.services-table.usage th,.services-table.usage td{padding:.6rem .4rem;font-size:.95rem}}@media screen and (max-width: 768px){.services-table.usage{min-width:500px}.services-table.usage th,.services-table.usage td{padding:.5rem .3rem;font-size:.9rem}.services-table.usage th:first-child,.services-table.usage td:first-child{min-width:60px;max-width:100px;font-size:.9rem;line-height:1.2}.filter-section.usage .date-inputs.usage{flex-direction:column;align-items:flex-start;gap:.5rem}.filter-section.usage .date-inputs.usage label,.filter-section.usage .date-inputs.usage input{width:100%}}@media screen and (max-width: 480px){.services-table.usage{min-width:450px}.services-table.usage th,.services-table.usage td{padding:.4rem .2rem;font-size:.9rem}.services-table.usage.deployments th:first-child,.services-table.usage.deployments td:first-child,.services-table.usage.jobs th:first-child,.services-table.usage.jobs td:first-child{min-width:25px;max-width:30px}.services-table.usage.deployments th:nth-child(2),.services-table.usage.deployments td:nth-child(2),.services-table.usage.jobs th:nth-child(2),.services-table.usage.jobs td:nth-child(2){min-width:30px;max-width:35px;text-align:center;padding-left:.1rem;padding-right:.1rem}.services-table.usage.deployments th:nth-child(3),.services-table.usage.deployments td:nth-child(3),.services-table.usage.jobs th:nth-child(3),.services-table.usage.jobs td:nth-child(3){min-width:30px;max-width:35px}}@media (max-width: 480px){.services-table.buckets{min-width:450px}.services-table.buckets th,.services-table.buckets td{padding:.4rem .2rem;font-size:.9rem}.services-table.buckets th:first-child,.services-table.buckets td:first-child{word-wrap:break-word;white-space:normal;overflow-wrap:break-word;min-width:60px;max-width:80px}.services-table.buckets th:nth-child(2),.services-table.buckets td:nth-child(2){min-width:40px;max-width:120px}.services-table.buckets th:nth-child(3),.services-table.buckets td:nth-child(3){min-width:30px;max-width:60px}.services-table.buckets th:nth-child(4),.services-table.buckets td:nth-child(4){max-width:100px}}