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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--body:#fff;--primary:#1283fb;--secondary:#47d6b6;--tertiary:#2c826f;--theme-4:#ece6ff;--header:#101828;--text:#696969;--border:#e6e6e6;--border2:#373737;--ratting:#f8bc26;--bg:#101828;--bg2:#0d0d0d;--bg3:#121416;---box-shadow:0px 4px 25px #0000000f}body{background-color:var(--body);font-family:Rubik,sans-serif;height:100%;width:100%}.loader{animation:loader-spin 1s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:#1283fb;border-top:6px solid var(--primary);display:block;margin:auto;min-height:24px;min-width:24px}@keyframes loader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#DashboardLayout{margin-top:7.2vh;padding-left:255px}#DashboardLayout>:last-child{width:100%}header{align-items:center;background-color:#fff;background-color:var(--body);border-bottom:1px solid #e6e6e6;border-bottom:1px solid var(--border);display:flex;flex-direction:row;justify-content:space-between;left:0;max-height:9vh;min-height:7vh;position:fixed;right:0;top:0;z-index:1}header #logo-section{width:25%}header img{max-height:5vh;max-width:25}header a{color:#101828;color:var(--header);margin-left:1rem;padding:.35rem;text-decoration:none}header #action-section{width:20%}.mt-1{margin-top:1em}.active-filter{text-decoration:underline!important}.sidebar{align-items:center;background-color:#fff;background-color:var(--body);box-shadow:0 4px 25px #0003;display:flex;flex-direction:column;height:100%;left:0;margin-top:7.2vh;padding-top:20px;position:fixed;top:0;width:250px;z-index:0}.sidebar button{margin-top:20px;max-width:90%}.sidebar ul{align-items:start;justify-content:start;list-style-type:none;padding:0;text-align:start}.sidebar ul li{padding:10px 8px;text-align:center}.sidebar ul li a{border-radius:8px;color:#101828;color:var(--header);display:block;padding:12px 20px;text-align:start;text-decoration:none}.image-input{background-color:grey;height:15vh;width:15vh}.active-nav{background-color:#1283fb;background-color:var(--primary);color:#fff!important}.active-subnav{text-decoration:underline!important}.red-text{color:red}.blue-text{color:#1283fb;color:var(--primary)}.action-text{margin-left:4px}.action-text:hover{color:#47d6b6;color:var(--secondary);cursor:pointer;text-decoration:underline}.row,.row-2{display:flex;flex-direction:row}.row-2>*{width:45%}.col{display:flex;flex-direction:column}.space-between{justify-content:space-between}.col-3{display:flex;flex:3 1;flex-direction:column}.capitalize{text-transform:capitalize}.p-1{padding:1em}.status-span{color:green;font-weight:400}.status-card{background-color:#0d0d0d;font-size:small;font-weight:700;padding:.3em}.member-label,.status-card{border-radius:4px;color:#fff}.member-label{background-color:red;font-size:smaller;font-weight:400;margin-left:4px;padding:.2em}.member-label.active{background-color:green}.status-card.open{background-color:#47d6b6;background-color:var(--secondary)}.status-card.customer-approval,.status-card.pending-invoice{background-color:#ff0}.status-card.cancelled{background-color:grey}.status-card.in-progress{background-color:blue}.status-card.reopened{background-color:red}.status-card.complete{background-color:green}.checkbox-div{align-items:center;display:flex;margin-bottom:12px}.checkbox-div input[type=checkbox]{accent-color:#1283fb;accent-color:var(--primary);height:16px;margin-right:8px;width:16px}.checkbox-div label{color:#696969;color:var(--text);margin:0}.select-input-div{margin-right:8px}.select-input-div,.textfield-div{display:flex;flex-direction:column;margin-bottom:12px}.select-input-div label,.textfield-div label{text-wrap:nowrap;flex-wrap:nowrap;margin:0;width:-webkit-max-content;width:max-content}.select-input-div label span.subLabel,.textfield-div label span.subLabel{color:#696969;color:var(--text)}.select-input-div select,.textfield-div input,.textfield-div textarea{border:1px solid #1283fb;border:1px solid var(--primary);border-radius:8px;line-height:20px;max-width:80%;padding:6px 12px}.textfield-div input:disabled{border:1px solid gray}.textfield-div .suggestions{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 12px #00000014;margin-top:4em;min-width:25%;overflow:hidden;position:absolute;width:inherit;z-index:50}.textfield-div .suggestions ul{list-style:none;margin-top:8px;max-height:240px;overflow-y:auto;padding:8px;width:100%}.textifeld-div .suggestions li{cursor:pointer;display:inline-block;margin-top:8px;padding:10px 14px;transition:background .2s ease}button{border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:700;padding:12px 40px;text-transform:capitalize;width:-webkit-max-content!important;width:max-content!important}button.green{background-color:#47d6b6;background-color:var(--secondary);color:#101828;color:var(--header)}button.red{background-color:red}button.black{background-color:#0d0d0d;background-color:var(--bg2);color:#fff}button.blue{background-color:#1283fb;background-color:var(--primary);color:#fff}button.link{background:none;border:none;color:#1283fb;color:var(--primary);cursor:pointer;font:inherit;padding:0;text-decoration:underline}button.link:focus,button.link:hover{color:#47d6b6;color:var(--secondary);text-decoration:underline}button.link.red-text{color:red}#filterDiv{display:flex;flex-direction:row}.filter-button{background-color:initial;color:gray;padding:8px}.filter-button p{display:inline-block;margin:0 4px 0 0}.filter-select{display:inline-block;max-width:10vw;min-width:-webkit-max-content;min-width:max-content}.info-tile{border:1px solid #47d6b6;border:1px solid var(--secondary);border-radius:8px;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:12px;margin-top:12px;max-height:20vh;max-width:90%;min-width:90%;padding:12px}.info-tile p{margin-bottom:4px;margin-top:4px}.info-tile b{display:block;margin:8px 0}.info-tile span.value{font-weight:400}.info-tile>div{align-items:center;margin-left:8px;margin-right:8px}.info-tile .image-section{max-width:10em}.info-tile .image-section>img{aspect-ratio:9/16;background-color:red;border-radius:8px;max-height:80%;object-fit:cover}.info-tile .primary-info-section,.info-tile .secondary-info-section{min-width:30%}.info-tile .action-section{align-items:start!important;display:flex;flex-direction:column;min-width:15%;text-align:start}.info-tile .action-section>*{margin-top:6px}.note-tile{border:1px solid #47d6b6;border:1px solid var(--secondary);border-radius:8px;display:flex;flex-direction:column;margin-bottom:12px;margin-top:12px;max-width:90%;min-width:90%;padding:12px}.note-tile .note-type.Critical{color:red}.note-tile .note-type.Info{color:gray}.note-tile .note-type.Reminder{color:#1283fb;color:var(--primary)}.note-tile p{margin:4px}.note-tile .comments{background-color:#e4e4e4;border-radius:4px;margin-top:12px;padding:1em;width:100%}.stat-card{background-color:#1283fb2f;border-radius:12px;margin:1em;max-width:-webkit-max-content;max-width:max-content;min-height:10vh;min-width:15vw;padding:8px}.stat-card h1,.stat-card h3,.stat-card p{display:inline-block;margin:0;width:-webkit-max-content;width:max-content}.stat-card .label{color:gray;display:block}.stat-card .secondary-value{color:gray;font-size:36px}.stat-card .value{font-size:40px}.stat-card .progress-bar{align-items:center;display:flex;flex-direction:row}.stat-card .progress-bar .background{background-color:#ddd;border-radius:10px;height:7px;margin-right:4px;overflow:"hidden";width:100%}.stat-card .progress-bar .foreground{background-color:#1283fb;background-color:var(--primary);border-radius:10px;height:100%}.stat-card .progress-bar .value{color:gray;font-size:14px;font-weight:700;margin-left:4px}.small-stat-card{background-color:initial;border:1px solid #1283fb6a;border-radius:6px;margin:6px;max-height:7vh;max-width:100%;min-height:5vh;min-width:-webkit-max-content;min-width:max-content;padding:4px 4px 4px 16px}.small-stat-card .value{font-size:26px;font-weight:600}.small-stat-card .label{font-size:12px;text-transform:capitalize}.sales-performance-card{border:1px solid #47d6b6;border:1px solid var(--secondary);border-radius:12px;margin:8px 12px;max-width:15vw;min-width:10vw;padding:12px}.sales-performance-card h2,.sales-performance-card h3,.sales-performance-card p{margin:0;width:-webkit-max-content;width:max-content}.sales-performance-card .person-name{font-weight:600;margin-bottom:16px}.sales-performance-card .stat-tile{margin:12px 4px 12px 12px}.sales-performance-card .stat-tile h3{font-size:18px;font-weight:400}.sales-performance-card .stat-tile p{color:gray;font-size:12px;font-weight:600;margin-bottom:8px;margin-top:2px}.subscription-tile{flex-direction:column;overflow-x:hidden}.subscription-tile>p{background-color:#d3d3d3;margin:0;max-width:90%;padding:12px;width:-webkit-max-content;width:max-content}.subscription-tile>div{display:flex;flex-direction:row}#LoginScreen{align-items:center;display:flex;flex-direction:column;justify-content:center}#LoginScreen .textfield-div input{min-width:20vw}#LoginScreen main{align-items:center;background-color:#101828;background-color:var(--header);border-radius:12px;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:50vh;min-width:70vw;padding:12px}#LoginScreen .forgot-password-link{align-self:center;color:red;font-size:small;margin-top:12px;text-align:center;text-decoration:none}#Dashboard{padding:16px}#highest-earners-table{width:30vw}#Dashboard #stat-graph{border:1px solid #47d6b6;border:1px solid var(--secondary);border-radius:12px;width:90%}#Dashboard>h1{margin-top:0}#Dashboard #sub-main{margin-left:16px;margin-right:12px;margin-top:12px;width:100%}#Dashboard .section-header{color:gray;margin:16px 0 4px}#Dashboard #stat-card-row{border:1px solid #47d6b6;border:1px solid var(--secondary);border-radius:12px;justify-content:space-around;padding:12px}#Dashboard #category-stats{display:flex;flex-direction:column;margin-top:12px;width:-webkit-min-content;width:min-content}#Dashboard #category-stats>.container{border:1px solid #47d6b6;border:1px solid var(--secondary);border-radius:12px;padding:12px}#Dashboard #category-stats .container>.label{margin:0 0 8px}#page-detail-card{border:1px solid grey;border-radius:8px;margin-bottom:2rem;margin-left:2rem;margin-top:1rem;max-width:75vw;min-height:65vh}#page-detail-card table{margin:0}#page-detail-card #header-section{background-color:#e6e6e6;background-color:var(--border);display:flex;flex-direction:row;justify-content:space-between;max-height:35%;min-height:30%;padding-left:26px;padding-right:26px}#page-detail-card #action-row{background-color:#e6e6e6;background-color:var(--border);padding:12px 12px 12px 10vw}#page-detail-card #action-row a{color:#101828;color:var(--header);margin-left:12px;padding:4px;text-decoration:none}#page-detail-card #header-section #header-image{align-items:center;display:flex;justify-content:center;max-height:65%;max-width:15%}#page-detail-card #header-section #header-image img{aspect-ratio:9/16;background-color:red;border-radius:8px;max-height:80%;max-width:85%;object-fit:cover}#page-detail-card #header-section>div{max-width:45%;min-width:45%;padding-top:2rem}#page-detail-card #header-section #start h3{margin-bottom:8px}#page-detail-card #header-section #start p{margin-bottom:4px;margin-top:0}#page-detail-card #header-section #end{max-width:30%;min-width:30%;padding-top:2rem}#page-detail-card #header-section #end .actions{margin:top 40px!important;text-decoration:none}#page-detail-card #middle h3,#page-detail-card #middle p{margin-bottom:0;margin-top:4px}#page-detail-card #membership-status p{margin:0}#page-detail-card #membership-status{background-color:green;border:none;border-radius:12px;color:#fff;font-weight:700;padding:8px;width:-webkit-max-content;width:max-content}#page-detail-card #end p{margin-bottom:0;margin-top:4px}#page-detail-card #body-section{height:65%;padding:16px 16px 0}#page-detail-card #detail-info-grid .grid{grid-row-gap:2.5em;columns:16px;display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;row-gap:2.5em}#page-detail-card #detail-info-grid .grid>div p:first-child{font-weight:700}#page-detail-card #detail-info-grid .grid>div p{margin:0}.detail-actions{margin-top:1em}.detail-actions a{display:block}#VehicleDetails #vehicle-rating{align-items:center;background-color:green;border:none;border-radius:8px;color:#fff;display:flex;height:2rem;justify-content:center;padding:12px;text-align:center;width:-webkit-max-content;width:max-content;width:2rem}#VehicleDetails #vehicle-rating h2{margin:0}#VehicleDetails #page-detail-card #end{width:20%}#VehicleDetails #page-detail-card #end,#VehicleDetails #page-detail-card #middle{display:flex;flex-direction:column;justify-content:center}#AddMember{align-items:center;background-color:#e6e6e6;background-color:var(--border);display:flex;flex-direction:column;padding-bottom:3rem}#AddMember h1{align-self:flex-start;margin-left:4rem}#AddMember .card{background-color:#fff;border-radius:8px;height:-webkit-max-content;height:max-content;margin:12px;padding:8px 3rem;width:80%}#AddMember .card .label{font-weight:600;margin-bottom:12px;margin-top:0}#AddMember #member-bio-grid,.grid-3x3{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}#AddMember #addMemberButton{width:15vw}#AddMember #vd_2{justify-content:space-between}.tabs>button{background-color:#47d6b6;background-color:var(--secondary);color:#fff;max-width:50%;width:45%}#page-actions{text-wrap-mode:nowrap;justify-content:space-between;padding-right:3em}#AddVehicleService #header-section{gap:12px;justify-content:start}#AddVehicleService #service-ticket-items{justify-content:start}#AddVehicleService #end a{margin-top:12px;text-decoration:none}#AddVehicleService #end{display:flex;flex-direction:column}#AddVehicleService #service-ticket-actions{align-self:end!important}#AddVehicleService #service-ticket-actions button{color:#000;margin:2px;max-height:2rem;max-width:2rem;min-height:2rem;min-width:2rem;padding:8px;text-align:center}.dialog{background-color:#fff;background-color:var(--body);border:1px solid #e6e6e6;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 25px #0000000f;box-shadow:var(---box-shadow);left:50%;max-width:50vw;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:50vw;width:-webkit-min-content;width:min-content;z-index:1001}.dialog-overlay{background-color:#000c;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.dialog button{font-size:small;padding:8px}.dialog-header{align-items:center;border-bottom:1px solid #e6e6e6;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.dialog-header h2{color:#101828;color:var(--header);margin:0}.dialog-header button{background:none;border:none;color:#101828;color:var(--header);cursor:pointer;font-size:1.5rem}.dialog-body{color:#696969;color:var(--text);padding:10px 0}.dialog-footer{border-top:1px solid #e6e6e6;border-top:1px solid var(--border);display:flex;justify-content:flex-end;margin-top:20px;padding-top:10px}.dialog-footer button{margin-left:10px}.popup{background-color:#47d6b6;background-color:var(--secondary);border-radius:4px;padding:12px;position:absolute;right:0;text-align:center;top:30%;width:-webkit-min-content;width:min-content;z-index:4}.popup-container{display:inline-block;position:relative}table{border-collapse:initial;border-spacing:0 4px;margin:1em;text-align:center;width:95%}table thead th{background:#1283fb;background:var(--primary);color:#fff;padding:1em;position:-webkit-sticky;position:sticky;top:7vh;z-index:2}table tr td{border-bottom:1px solid #47d6b6;border-bottom:1px solid var(--secondary);border-top:1px solid #47d6b6;border-top:1px solid var(--secondary);padding:8px}table tr td:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px}table tr td:last-child{border-bottom-right-radius:4px;border-top-right-radius:4px}table tbody tr:nth-child(odd){background-color:#1283fb10;border:1px solid #47d6b6;border:1px solid var(--secondary)}table tbody tr:nth-child(2n){background-color:#fff}.invoice-table{border-collapse:collapse;margin-top:20px;width:100%}.invoice-table td,.invoice-table th{border:1px solid #e6e6e6;border:1px solid var(--border);min-width:7vw;padding:12px;text-align:left}.invoice-table .description{color:grey;font-size:small;margin:2px}.invoice-table th{background-color:#0d0d0d;background-color:var(--bg2);color:#fff}.invoice-table tr:not(:first-child):not(:last-child) td{border-bottom:1px solid #373737;border-bottom:1px solid var(--border2)}.invoice-table tr:last-child td{border-bottom:none}.invoice-table .action-cell a{margin:8px}.clickable:hover{background-color:#ece6ff;background-color:var(--theme-4);cursor:pointer;font-weight:700}.invoice-table td:first-child,.invoice-table th:first-child{width:60%}.order-ticket-table td:first-child,.order-ticket-table th:first-child{width:30%}#membership-dialog{width:45vw}#membership-dialog .select-input-div,#membership-dialog .textfield-div{margin-left:12px;width:20vw}#membership-dialog .select-input-div select{max-width:90%}.grey-text{color:grey;font-weight:700}:root{--blue:#1283fb;--green:#47d6b6;--divider:1px solid #ddd;--gray-text:#555}body{background-color:#fff;font-family:Rubik,Arial,sans-serif;font-size:14px;margin:0;padding:0}.banner{background-color:#1283fb;background-color:var(--blue);color:#fff;display:flex;flex-direction:row;justify-content:space-between;padding:2em 5em}.banner img{max-width:10em;object-fit:contain;width:10em}.banner h3{max-width:20em}.invoice-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px auto;max-width:600px;padding:20px}.header,section{margin-bottom:20px}.header{text-align:center}.header h1{color:#ba3030;font-size:24px;margin:0}.details>div{border-bottom:1px solid #ddd;border-bottom:var(--divider);border-top:1px solid #ddd;border-top:var(--divider);display:flex;flex-direction:row;justify-content:space-between;padding-bottom:10px;padding-top:10px}.details p{color:#555;color:var(--gray-text);font-size:14px;margin:0}.details p.black{color:#000}#customer-details p:first-child{--font-family-monospace:"SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;box-sizing:border-box;color:#555;color:var(--gray-text);font-family:Karla,sans-serif;font-weight:700!important;line-height:normal;margin-bottom:5px;text-align:left}#amount-summary,.fita-details{text-align:end}#amount-summary h2{align-self:flex-end;display:inline-block;margin-bottom:0;width:-webkit-max-content;width:max-content}#amount-summary p{color:#000;font-size:12px;margin:4px 0 0;text-align:right}.table{border:none;border-collapse:collapse;margin-bottom:20px;width:100%}.table td{border:1px solid #ddd;border-left:none;border-right:none;font-size:14px;padding:8px;text-align:start}.table td,.table td p{width:-webkit-max-content;width:max-content}.table td p{margin:4px 0}.table td:last-child,.table th:last-child,.table th:last-child p{text-align:end}.table td p.note{font-size:13px}.table td p.note,.table th{color:#555;color:var(--gray-text)}.table th{border-bottom:2px solid #1283fb;border-bottom:2px solid var(--blue);font-size:12px;padding:8px 8px 4px;text-align:left}.table th p{width:-webkit-max-content;width:max-content}.table td:last-child,.table th:last-child{width:7em}#invoice-table tbody tr td:first-child,#invoice-table thead tr th:first-child,#task-table tbody tr td:first-child,#task-table thead tr th:first-child{max-width:70%;min-width:65%}#task-table{margin-bottom:40px}.summary{justify-self:right;text-align:right;width:-webkit-max-content;width:max-content}#summary-table{width:90%}#summary-table tr:last-child{border-bottom:none!important}#summary-table #amount-due p{font-size:15px!important;font-weight:700}.terms-section{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;margin-top:3em;padding-top:20px}.terms{color:#555;font-size:12px;width:70%}.payment-details{width:-webkit-max-content;width:max-content}.payment-details p{font-size:12px;margin-bottom:0;margin-top:4px}.payment-details p.label{font-weight:600;margin-bottom:5px;margin-top:12px}.payment-details .info-label{color:#555;color:var(--gray-text);font-weight:600}.accept-button button{background:#1283fb;border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:500;letter-spacing:0;line-height:1;outline:none!important;overflow:hidden;padding:11px 20px;position:relative;text-align:center;transition:all .4s ease-in-out;vertical-align:middle}.accept-button button:hover{background-color:#000;color:#fff}
/*# sourceMappingURL=main.df823efb.css.map*/