.app{height:100%;display:flex;flex-direction:column}.app main{flex:1 1}.app header{height:60px;background:#031c22;display:flex;align-items:center;color:#fff;min-height:60px;flex-shrink:0}.app header>div:first-child{margin:0 0 0 20px;display:block;line-height:28px;flex-shrink:0}.app header a{text-decoration:none;color:#fff;font-weight:500;display:block}.app header a img{display:block}.app header ul{display:flex;list-style-type:none;padding:0;margin:0 0 0 20px;flex:1 1;align-items:center;min-height:60px}.app header ul li{color:#fff;padding:0 15px;display:flex;align-items:center}.app header ul li a:hover{color:#7dd3fc}.app header ul li.active{align-self:stretch;background-color:hsla(0,0%,100%,.15)}.app header ul li.get-started-nav-inactive a{animation:get-started-pulse 2s ease-in-out infinite}@keyframes get-started-pulse{0%,to{color:#fff;opacity:1}50%{color:#fde047;opacity:1}}.app header div.userarea{margin-left:auto;padding-right:20px;padding-left:20px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:10px;height:60px;min-height:60px;flex-shrink:0}.app header div.userarea:hover{color:#00b6e0}.loading-container{justify-content:center;align-items:center;min-height:100vh;text-align:center;width:100%}.loading-container,.loading-content{display:flex;flex-direction:column;gap:1rem}.loading-text{font-size:1.1rem;margin:0}.loading-subtext{font-size:.9rem;opacity:.7;margin:0}.dashboard{display:flex;height:100%}.side-section{background-color:#fdfdfd;width:300px;border-right:3px solid #e5e5e5}.side-section .project-selection{margin:15px}.side-section ul{list-style-type:none;padding:0}.side-section ul li a{display:block;border-left:5px solid rgba(0,0,0,0);padding:16px 12px;text-transform:uppercase;color:#031c22;font-weight:600}.side-section ul li:hover a{border-left:5px solid #b1b1b1;background-color:#f6f6f6}.side-section ul li.active a,.side-section ul li:active a{border-left:5px solid #26d6ff;background-color:#d0f6ff}.side-section ul li.active:hover a{border-left:5px solid #26bfff;background-color:#adf6ff}.main-content{background-color:#fff;flex:1 1;display:flex}.main-content h2{margin-top:0;margin-bottom:0;font-size:25px;font-weight:700;text-transform:uppercase;text-align:left;padding:0}.main-content form button,.main-content form input[type=submit]{margin-top:25px}.main-content form.settings-form .message,.main-content form.settings-form button{margin-top:0}.main-content>div{padding:20px;flex:1 1}.main-content>div:first-child{border-right:3px solid #26d6ff}.main-content>div:nth-child(2){background-color:#f3fdff}.main-content.no-border>div:first-child{border-right:none}table{border:none;border-spacing:0;border-collapse:collapse;width:100%;margin-top:30px}table tr:nth-child(n) td{background-color:#f6f6f6}table tr:nth-child(2n) td{background-color:#f0f0f0}td,th{margin:0;padding:12px}th{text-transform:uppercase;background:#031c22;color:#fff;border-left:2px solid #fff;border-right:2px solid #fff;text-align:left}th:first-child{border-top-left-radius:6px;border-left:none}th:last-child{border-top-right-radius:6px;border-right:none}td{border:2px solid #fff}.invoice-table{border:none;border-spacing:0;border-collapse:collapse;width:100%}.invoice-table th{text-transform:uppercase;text-align:left}.invoice-table th:first-child{border-top-left-radius:6px;border-left:none}.invoice-table th:last-child{border-top-right-radius:6px;border-right:none}.invoice-table .invoice-row{cursor:default}.invoice-table .invoice-row.expandable{cursor:pointer}.invoice-table .invoice-row .description-cell div{display:flex;justify-content:space-between;align-items:center}.invoice-table .invoice-row .expand-arrow{margin-left:8px;color:#666}.invoice-table tr:nth-child(2n) td{background-color:#f6f6f6}.invoice-table tr.project-subrow td,.invoice-table tr.project-subrow:nth-child(2n) td td{background-color:#ddd}.invoice-table .font-bold{font-weight:700}.invoice-table .font-bold,.invoice-table .font-bold td{background-color:#f0f0f0!important}.invoice-table tr:last-child td{font-weight:700}.items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-wrapper{position:absolute;top:0;left:0;height:100%;width:100%;background-color:rgba(0,0,0,.5);display:flex}.modal{background-color:#fff;margin:auto;width:40%;padding:22px 25px 25px;border-radius:6px}p{line-height:1.6}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-top:0;margin-bottom:15px}.modal-header span{font-size:25px;text-transform:uppercase;font-weight:700}.modal-header a{font-size:40px;line-height:20px;align-self:flex-start;color:inherit}.items-header .button{margin-right:-20px;border-top-right-radius:0;border-bottom-right-radius:0}td.pb-m10{padding-bottom:2px}.w-40{width:40%}.relative{position:relative}.copy-icon{position:absolute;top:10px;right:5px;z-index:1;cursor:pointer}input[type=text].copy-input{padding-right:30px}.project-selection select,.side-section ul{margin:0}.profile-form{display:flex;flex-direction:column;width:40%}.profile-form>div{display:flex;align-items:center;margin-bottom:20px;flex:1 1}.profile-form>div>div{display:flex;flex-direction:column;flex:1 1;margin-right:15px}.profile-form>div>div:last-child{margin-right:0}.profile-form input[type=radio]{margin-left:0}.profile-form label:last-child{margin-left:20px}.plan-info{padding:1rem;border-radius:8px;background:#d0f6ff;margin-bottom:1.5rem}.plan-info h3{margin-bottom:.75rem;margin-top:0}.plan-info ul{list-style:none;padding-left:0;margin:0}.plan-info li{margin-bottom:.5rem}.plan-info li:last-child{margin-bottom:0}.plan-info.free-plan,.plan-info.plan-info-warning{background-color:#fff598}.plan-header{display:flex;justify-content:space-between;align-items:center}.status-warning{color:#bc382b}.info-banner,.subscription-warning{background-color:#ffe700;padding:15px;border-radius:6px;margin-bottom:20px}.usage-stats{display:flex;gap:24px;flex-wrap:wrap}.usage-warning{margin-top:12px;margin-bottom:0}.plan-card{border:1px solid #e5e7eb;border-radius:6px;padding:1.5rem;background-color:#fff}.menu-container{position:absolute;top:60px;right:0;z-index:2;min-width:200px}.menu{width:100%}.menu ul{padding:0;flex-direction:column;background-color:#0a2b32}.menu ul,.menu ul li{display:flex;margin:0}.menu ul li{width:100%}.menu ul li a{display:flex;align-items:center;width:100%;flex:1 1;align-self:stretch;box-sizing:border-box;padding:16px 21px;text-transform:uppercase;font-weight:600}.menu ul li:hover a{background-color:#1a424c}.chart-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:20px;margin:20px 0;border:1px solid #e5e7eb}.chart-card .chart-title{margin:0 0 20px;font-size:18px;font-weight:700;color:#031c22;text-transform:uppercase;font-family:var(--font-montserrat)}.chart-card *{font-family:var(--font-montserrat)!important}.chart-card .MuiChartsAxis-label,.chart-card .MuiChartsAxis-tickLabel,.chart-card .MuiChartsLegend-label,.chart-card .MuiChartsLegend-root,.chart-card text,.chart-card tspan{font-family:var(--font-montserrat)!important;letter-spacing:normal!important}.chart-card .MuiChartsAxis-label{font-weight:700!important}.chart-card .MuiChartsAxis-tickLabel,.chart-card .MuiChartsLegend-label{font-weight:600!important}.MuiChartsAxis-label,.MuiChartsAxis-label text,.MuiChartsAxis-label tspan,.MuiChartsAxis-tickLabel,.MuiChartsAxis-tickLabel text,.MuiChartsAxis-tickLabel tspan,.MuiChartsLegend-label,.MuiChartsLegend-label text,.MuiChartsLegend-label tspan,.MuiChartsLegend-root,.MuiChartsLegend-root text,.MuiChartsLegend-root tspan{font-family:var(--font-montserrat)!important;letter-spacing:normal!important}.MuiChartsLegend-label,.MuiChartsLegend-label *,.MuiChartsLegend-label text,.MuiChartsLegend-label tspan,.MuiChartsLegend-root,.MuiChartsLegend-root *,.MuiChartsLegend-root text,.MuiChartsLegend-root tspan{font-weight:600!important}.MuiChartsAxis-label,.MuiChartsAxis-label *,.MuiChartsAxis-label text,.MuiChartsAxis-label tspan{font-weight:700!important}.MuiChartsAxis-tickLabel,.MuiChartsAxis-tickLabel *,.MuiChartsAxis-tickLabel text,.MuiChartsAxis-tickLabel tspan{font-weight:600!important}.MuiChartsTooltip-root{border:none!important;border-radius:8px!important;box-shadow:0 4px 12px rgba(0,0,0,.15)!important}.MuiChartsTooltip-content,.MuiChartsTooltip-root{background:#fff!important;font-family:var(--font-montserrat)!important;padding:0!important;margin:0!important}.MuiChartsTooltip-content{border-radius:6px!important;overflow:hidden!important}caption,caption.MuiTypography-body1,caption.MuiTypography-root{background:#fff!important;color:#111827!important;font-family:var(--font-montserrat)!important;font-weight:800!important;font-size:14px!important;padding:6px 12px 4px!important;margin:0!important;border-radius:6px 6px 0 0!important;text-transform:uppercase!important;letter-spacing:.5px!important}.MuiChartsTooltip-cell,.MuiChartsTooltip-content,.MuiChartsTooltip-label,.MuiChartsTooltip-root,.MuiChartsTooltip-table{background:#fff!important;background-color:#fff!important}.MuiChartsTooltip-table{border-collapse:collapse!important;border-radius:0 0 6px 6px!important;overflow:hidden!important;table-layout:auto!important;width:auto!important}.MuiChartsTooltip-cell,.MuiChartsTooltip-table{font-family:var(--font-montserrat)!important;margin:0!important}.MuiChartsTooltip-cell{font-size:12px!important;font-weight:500!important;color:#111827!important;padding:4px 8px!important;border:none!important;vertical-align:middle!important;white-space:nowrap!important}.MuiChartsTooltip-labelCell{vertical-align:middle!important;display:flex!important;align-items:center!important}.MuiChartsTooltip-table th>div:first-child{width:15px!important;max-width:15px!important;min-width:15px!important;padding-left:5px}.MuiChartsTooltip-markContainer{display:inline-flex!important;align-items:center!important;margin-right:4px!important;vertical-align:middle!important}.MuiChartsTooltip-table tr:last-child td:first-child{border-radius:0 0 0 6px!important}.MuiChartsTooltip-table tr:last-child td:last-child{border-radius:0 0 6px 0!important}.MuiChartsTooltip-valueCell{font-weight:600!important;text-align:right!important}.MuiChartsTooltip-labelCell,.MuiChartsTooltip-valueCell{font-family:var(--font-montserrat)!important;font-size:12px!important;color:#111827!important}.MuiChartsTooltip-labelCell{font-weight:500!important;text-align:left!important}.MuiChartsTooltip-mark{background-color:inherit!important}.MuiChartsTooltip-cell .MuiChartsTooltip-mark,.MuiChartsTooltip-mark{width:8px!important;height:8px!important;border-radius:50%!important;margin-right:8px!important;display:inline-block!important;visibility:visible!important;opacity:1!important}