@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*,body{margin:0;padding:0}.authPage{height:100vh;display:flex;justify-content:space-evenly;color:#fff}.authRight{width:100%}.authLeft{width:100%;display:grid;grid-template-rows:auto 1fr;background-color:var(--bg-left)}.authLogo{grid-row:1;display:flex;justify-content:center;flex-direction:column;padding:20px 20px 20px 40px}.authLogo>span{font-weight:500;font-family:var(--font)}.authLogoIcon{height:64px;width:64px}.authContent{height:100%;width:100%;display:grid;grid-template-rows:auto 1fr auto;row-gap:4rem}.authTopSection{width:fit-content;text-align:center;justify-self:center}.authTabs{display:flex;justify-content:space-evenly;gap:20px;margin-bottom:2em}.authTab{background:none;color:#fff;border:none;border-bottom:1px solid transparent;font-family:var(--font);font-size:16px;padding-bottom:4px;width:6rem;cursor:pointer;transition:border-bottom-color .2s ease}.authTab.active{border-bottom:2px solid var(--orange)}.authHeader>h1{font-family:var(--font);font-weight:400}.authHeader>p{font-family:var(--font);font-weight:400}.authForm{justify-self:center;display:flex;align-items:center;flex-direction:column;gap:20px}.authInputs{display:flex;justify-content:center;align-items:center;gap:20px}.authInputGroup{display:flex;flex-direction:column;justify-content:center}.authInputGroup>label{font-family:var(--font);font-size:14px}.authLabelRow>label{font-family:var(--font);font-size:14px}.authLabelRow{font-family:var(--font);display:flex;gap:12px}.authForgot{font-size:13px;text-decoration:none;color:var(--orange)}.authInputWrapper{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px}.authInputWrapper>input{height:3em;width:100%;outline:none;border-radius:4px;border:2px solid transparent;font-family:var(--font);font-size:14px;padding-left:10px;transition:border-color .1s ease;background-color:var(--input-bg);color:#fff}.authInputWrapper>input:focus{outline:none;border-color:var(--orange)}.authPasswordToggle{border:none;background:none;color:#fff;cursor:pointer}.authRemember{display:flex;font-family:var(--font);gap:10px}.authSubmitBtn{width:8rem;border:none;border-radius:6px;background-color:var(--orange);padding:10px;cursor:pointer;font-size:13px;font-family:var(--font);color:#fff;transition:opacity .2s ease}.authSubmitBtn:hover{opacity:.8}.authSwitch{font-family:var(--font);font-size:13px}.authSwitch>button{color:var(--orange);background:none;border:none;cursor:pointer}.authSignGroup{display:flex;justify-content:center;position:relative}.authSignWrapper{display:flex;width:500px}.authSignWrapper>input{margin-right:20px;width:100%}.authSignIcon{width:20px;flex-shrink:0}.authRight{background:var(--bg-right);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 48px;gap:36px;border-left:1px solid var(--border)}.mockWindow{width:100%;max-width:480px;background:#1a1a1a;border:1px solid #2e2e2e;border-radius:10px;overflow:hidden}.mockWindowBar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid #2e2e2e;background:#1e1e1e}.mockDot{width:10px;height:10px;border-radius:50%}.mockDotRed{background:#ff5f57}.mockDotYellow{background:#febc2e}.mockDotGreen{background:#28c840}.mockStats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:#2e2e2e;border-bottom:1px solid #2e2e2e}.mockStatCard{background:#1a1a1a;padding:16px;display:flex;flex-direction:column;gap:4px}.mockStatAccent{border-left:3px solid var(--orange)}.mockStatLabel{font-size:11px;font-family:var(--font);color:var(--text-muted)}.mockStatValue{font-size:20px;font-family:var(--font);font-weight:700;color:var(--text)}.mockJobs{padding:16px;display:flex;flex-direction:column;gap:12px}.mockJobsHeader{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-family:var(--font);font-weight:600;color:var(--text)}.mockViewAll{font-size:12px;color:var(--orange);cursor:pointer}.mockJobItem{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#222;border-radius:6px}.mockJobIcon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.mockJobIconOrange{background:#f9731626}.mockJobIconBlue{background:#3b82f626}.mockJobInfo{display:flex;flex-direction:column;gap:2px;flex:1}.mockJobTitle{font-size:13px;font-weight:500;color:var(--text)}.mockJobSub{font-size:11px;color:var(--text-muted)}.mockBadge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:4px;flex-shrink:0}.mockBadgeGreen{background:#22c55e26;color:#4ade80}.mockBadgeYellow{background:#eab30826;color:#facc15}.authRightText{text-align:center;max-width:420px;font-family:var(--font)}.authRightText h2{font-size:22px;font-weight:600;color:var(--font);margin-bottom:10px;line-height:1.3}.authRightText p{font-size:14px;color:var(--text-muted);font-family:var(--font);margin-bottom:20px}.authBadges{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.authBadge{font-size:12px;padding:6px 12px;border-radius:20px;background:#1e1e1e;border:1px solid var(--border);color:var(--text-muted)},@media(max-width: 1024px){body{overflow-y:hidden}.authPage{padding-top:4px;height:100vh;overflow-x:hidden;overflow-y:hidden}.authLeft{display:grid;grid-template-rows:auto 1fr;row-gap:11em}.authRight{display:none}.authLogo>span{font-size:18px;font-family:var(--font);font-weight:500}.authLogo{grid-row:1;display:flex;justify-content:center;align-items:center;flex-direction:column}.authLogoIcon{height:5rem;width:5rem}.authContent{grid-row:2;align-self:center;justify-self:center;height:100vh;display:flex;flex-direction:column;align-items:center}.authTopSection{display:flex;flex-direction:column}.authTabs{display:flex;gap:1rem}.authTab{background:none;font-family:var(--font);border:none;color:#fff;height:20px;cursor:pointer;font-size:16px;padding-bottom:20px;margin-bottom:12px;border-bottom:1px solid transparent;transition:border-bottom-color .1s ease}.authTab.active{border-bottom:2px solid var(--orange)}.authHeader>h1{font-weight:440;font-size:24px;font-family:var(--font)}.authHeader>p{font-family:var(--font);font-size:16px}.authForm{display:flex;flex-direction:column;justify-content:center}.authInputs{display:flex;flex-direction:column;justify-content:center;margin-bottom:12px;gap:1em}.authInputGroup{display:flex;flex-direction:column;gap:8px}.authInputGroup>label{font-size:14px;font-family:var(--font)}.authForgot{font-size:14px;color:var(--orange);text-decoration:none}.authInputWrapper{display:flex;align-items:center;gap:10px}.authInputWrapper>input{height:34px;font-size:14px;font-family:var(--font);border:2px solid transparent;border-radius:4px;padding-left:10px;transition:border-color .1s ease;background:var(--input-bg);color:#fff}.authInputWrapper>input:focus{border-color:var(--orange);outline:none}.authLabelRow{display:flex;font-family:var(--font);font-size:14px;gap:12px}.authPasswordToggle{border:1px solid #FFFFF;border-radius:4px;cursor:pointer;background:none;color:#fff;border:none}.authRemember{font-family:var(--font);font-size:14px;margin-bottom:10px}.authSubmitBtn{width:50%;height:100%;padding:8px;justify-self:center;align-self:center;border:none;background-color:var(--orange);color:#fff;font-family:var(--font);font-size:13px;border-radius:6px;margin-bottom:10px}.authSwitch{font-family:var(--font);font-size:13px}.authSwitch>button{border:none;background:none;color:var(--orange)}.authSignGroup{display:flex;justify-content:center;position:relative}.authSignWrapper{display:flex;flex-direction:column;padding-bottom:4px;margin-bottom:10px}.authSignWrapper>input{width:74%}.authSignIcon{position:absolute;left:0}},@media(max-width: 768px){body{overflow-y:hidden}.authPage{padding-top:4px;height:100vh;overflow-x:hidden;overflow-y:hidden}.authLeft{display:grid;grid-template-rows:auto 1fr;row-gap:10em}.authRight{display:none}.authLogo>span{font-size:14px;font-family:var(--font);font-weight:500}.authLogo{grid-row:1;display:flex;justify-content:center;align-items:center;flex-direction:column}.authLogoIcon{height:4rem;width:4rem}.authContent{grid-row:2;align-self:center;justify-self:center;height:100vh;display:flex;flex-direction:column;align-items:center}.authTopSection{display:flex;flex-direction:column}.authTabs{display:flex;gap:1rem}.authTab{background:none;font-family:var(--font);border:none;color:#fff;height:20px;cursor:pointer;font-size:14px;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid transparent;transition:border-bottom-color .1s ease}.authTab.active{border-bottom:2px solid var(--orange)}.authHeader>h1{font-weight:440;font-size:24px;font-family:var(--font)}.authHeader>p{font-family:var(--font);font-size:16px}.authForm{display:flex;flex-direction:column;justify-content:center}.authInputs{display:flex;flex-direction:column;justify-content:center;margin-bottom:12px;gap:1em}.authInputGroup{display:flex;flex-direction:column;gap:8px}.authInputGroup>label{font-size:14px;font-family:var(--font)}.authForgot{font-size:14px;color:var(--orange);text-decoration:none}.authInputWrapper{display:flex;align-items:center;gap:10px}.authInputWrapper>input{height:34px;font-size:14px;font-family:var(--font);border:2px solid transparent;border-radius:4px;padding-left:10px;transition:border-color .1s ease;background:var(--input-bg);color:#fff}.authInputWrapper>input:focus{border-color:var(--orange);outline:none}.authLabelRow{display:flex;font-family:var(--font);font-size:14px;gap:12px}.authPasswordToggle{border:1px solid #FFFFF;border-radius:4px;cursor:pointer;background:none;color:#fff;border:none}.authRemember{font-family:var(--font);font-size:14px;margin-bottom:10px}.authSubmitBtn{width:50%;height:100%;padding:8px;justify-self:center;align-self:center;border:none;background-color:var(--orange);color:#fff;font-family:var(--font);font-size:13px;border-radius:6px;margin-bottom:10px}.authSwitch{font-family:var(--font);font-size:13px}.authSwitch>button{border:none;background:none;color:var(--orange)}.authSignGroup{display:flex;justify-content:center;position:relative}.authSignWrapper{display:flex;flex-direction:column;padding-bottom:4px;margin-bottom:10px}.authSignWrapper>input{width:74%}.authSignIcon{position:absolute;left:0}},@media(max-width: 600px){body{overflow-y:hidden}.authPage{height:100vh;overflow-x:hidden;overflow-y:hidden}.authLeft{display:grid;grid-template-rows:auto 1fr;row-gap:6em}.authRight{display:none}.authLogo{grid-row:1;display:flex;justify-content:center;align-items:center;flex-direction:column}.authLogo>span{font-size:14px;font-family:var(--font);font-weight:500}.authLogoIcon{height:4rem;width:4rem}.authContent{grid-row:2;align-self:center;justify-self:center;height:100vh;display:flex;flex-direction:column;align-items:center}.authTopSection{display:flex;flex-direction:column}.authTabs{display:flex;gap:1rem}.authTab{background:none;font-family:var(--font);border:none;color:#fff;height:20px;cursor:pointer;margin-bottom:10px;border-bottom:1px solid transparent;transition:border-bottom-color .1s ease}.authTab.active{border-bottom:2px solid var(--orange)}.authHeader>h1{font-weight:440;font-size:24px;font-family:var(--font)}.authHeader>p{font-family:var(--font);font-size:16px}.authForm{display:flex;flex-direction:column;justify-content:center}.authInputs{display:flex;flex-direction:column;justify-content:center;margin-bottom:12px;gap:1em}.authForgot{font-size:14px;color:var(--orange);text-decoration:none}.authInputGroup{display:flex;flex-direction:column;gap:8px}.authInputGroup>label{font-size:14px;font-family:var(--font)}.authInputWrapper{display:flex;align-items:center;gap:10px}.authInputWrapper>input{height:34px;font-size:14px;font-family:var(--font);border:2px solid transparent;border-radius:4px;padding-left:10px;transition:border-color .1s ease;background:var(--input-bg);color:#fff}.authInputWrapper>input:focus{border-color:var(--orange);outline:none}.authLabelRow{display:flex;font-family:var(--font);font-size:14px;gap:12px}.authPasswordToggle{border:1px solid #FFFFF;border-radius:4px;cursor:pointer;background:none;color:#fff;border:none}.authRemember{font-family:var(--font);font-size:14px;margin-bottom:10px}.authSubmitBtn{width:50%;height:100%;padding:8px;justify-self:center;align-self:center;border:none;background-color:var(--orange);color:#fff;font-family:var(--font);font-size:13px;border-radius:6px;margin-bottom:10px}.authSwitch{font-family:var(--font);font-size:13px}.authSwitch>button{border:none;background:none;color:var(--orange)}.authSignGroup{display:flex;justify-content:center;position:relative}.authSignWrapper{display:flex;flex-direction:column;padding-bottom:4px;margin-bottom:10px}.authSignWrapper>input{width:74%}.authSignIcon{position:absolute;left:0}},@media(max-width: 480px){body{overflow-y:hidden}.authPage{height:100vh;overflow-x:hidden;overflow-y:hidden}.authLeft{display:grid;grid-template-rows:auto 1fr;row-gap:4em}.authRight{display:none}.authLogo{grid-row:1;display:flex;justify-content:center;align-items:center;flex-direction:column}.authLogo>span{font-size:14px;font-family:var(--font);font-weight:500}.authLogoIcon{height:4rem;width:4rem}.authContent{grid-row:2;align-self:center;justify-self:center;height:100vh;display:flex;flex-direction:column;align-items:center}.authTopSection{display:flex;flex-direction:column}.authTabs{display:flex;gap:1rem}.authTab{background:none;font-family:var(--font);border:none;color:#fff;height:20px;cursor:pointer;margin-bottom:10px;border-bottom:1px solid transparent;transition:border-bottom-color .1s ease}.authTab.active{border-bottom:2px solid var(--orange)}.authHeader>h1{font-weight:440;font-size:24px;font-family:var(--font)}.authHeader>p{font-family:var(--font);font-size:16px}.authForm{display:flex;flex-direction:column;justify-content:center}.authInputs{display:flex;flex-direction:column;justify-content:center;margin-bottom:12px;gap:1em}.authForgot{font-size:13px;color:var(--orange);text-decoration:none}.authInputGroup{display:flex;flex-direction:column;gap:8px}.authInputGroup>label{font-size:14px;font-family:var(--font)}.authInputWrapper{display:flex;align-items:center;gap:10px}.authInputWrapper>input{height:34px;font-size:14px;font-family:var(--font);border:2px solid transparent;border-radius:4px;padding-left:10px;transition:border-color .1s ease;background:var(--input-bg);color:#fff}.authInputWrapper>input:focus{border-color:var(--orange);outline:none}.authLabelRow{display:flex;font-family:var(--font);font-size:14px;gap:12px}.authPasswordToggle{border:1px solid #FFFFF;border-radius:4px;cursor:pointer;background:none;border:none;color:#fff}.authRemember{font-family:var(--font);font-size:14px;margin-bottom:10px}.authSubmitBtn{width:50%;height:100%;padding:8px;justify-self:center;align-self:center;border:none;background-color:var(--orange);color:#fff;font-family:var(--font);font-size:13px;border-radius:6px;margin-bottom:10px}.authSwitch{font-family:var(--font);font-size:13px}.authSwitch>button{border:none;background:none;color:var(--orange)}.authSignGroup{display:flex;justify-content:center;position:relative}.authSignWrapper{display:flex;flex-direction:column;padding-bottom:4px;margin-bottom:10px}.authSignWrapper>input{width:74%}.authSignIcon{position:absolute;left:0}}.profilePage{height:100vh;display:grid;grid-template-rows:auto 1fr;background-color:var(--bg-right)}.profileHeader{padding:.6em;background-color:var(--bg-left)}.profileBody{grid-row:2;width:100%;display:grid;grid-template-rows:repeat(2,auto) 1fr;row-gap:40px;margin-top:20px}.profileHeaderCard{grid-row:1;justify-self:center;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);border-radius:12px;width:40%;height:80%;padding:22px;position:relative;color:#fff;background-color:var(--bg-left)}.profileAvatar{border:1px solid var(--border);border-radius:4em;font-family:var(--font);font-weight:600;height:4em;width:4em;display:flex;justify-content:center;align-items:center}.profileHeaderLeft{height:100%;gap:20px;display:flex;justify-content:space-evenly;align-items:center}.profileHeaderInfo{display:flex;height:100%;justify-content:space-evenly;flex-direction:column;align-items:center;font-family:var(--font)}.profileNameRow{display:flex;justify-content:space-evenly;align-items:center;gap:20px}.profileName{font-size:18px;font-weight:420;letter-spacing:4%}.profileSubtitle{font-size:14px;letter-spacing:4%}.profileActiveBadge{border-radius:8px;padding:6px;width:6em;text-align:center;background-color:#22c55e1f;color:#4ade80;font-weight:560;font-family:var(--font);font-size:12px}.editProfileBtn{height:fit-content;padding:10px;border-radius:10px;border:none;background-color:var(--orange);cursor:pointer;transition:opacity .4s ease}.editProfileBtn:hover{opacity:.8}.profileStatsRow{display:flex;justify-content:center;align-items:center;gap:20px}.profileStatCard{background-color:var(--bg-left);border:1px solid var(--border);border-radius:16px;color:#fff;height:120px;width:160px;display:flex;flex-direction:column;justify-content:space-evenly;gap:22px;padding:1em;font-family:var(--font)}.profileStatValue{font-size:1.6em}.profileStatLabel{font-size:14px;letter-spacing:4%}.profileTabSection{justify-self:center;width:46%;display:grid;grid-template-rows:auto 1fr}.profileTabs{grid-row:1;width:100%;display:flex;justify-content:center;gap:10em;padding-top:1em;padding-bottom:1em}.profileTab{border:none;width:120px;background:none;font-size:14px;font-family:var(--font);letter-spacing:.04em;border-bottom:2px solid transparent;transition:border-bottom-color .1s ease;cursor:pointer;padding:4px;color:#fff}.profileTab.active{border-bottom:2px solid var(--orange)}.profileOverviewCard{color:#fff;background-color:var(--bg-left);height:80%;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:10px;padding:12px}.profileInfoSection{height:80%;padding:.8em;display:flex;flex-direction:column}.profileSectionDivider{border:1px solid var(--border);width:100%}.profileInfoGrid{height:100%;width:100%;display:grid;grid-template:repeat(2,auto) / repeat(2,auto);padding:12px}.profileInfoField{height:100%;display:flex;flex-direction:column;gap:12px;padding:12px;font-family:var(--font)}.profileSectionLabel{font-family:var(--font);font-weight:400}.profileFieldLabel{font-size:.8em;color:var(--orange)}.profileFieldValue{font-size:14px;margin-left:10px}.pAccContainer{background-color:var(--bg-left);height:32%;border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.pAccTxt{color:var(--orange);font-family:var(--font)}.pAccContent{width:60%;display:flex;justify-content:space-evenly}.pAccContent>input{background-color:var(--input-bg);border-radius:8px;border:none;padding:10px;outline:1px solid transparent;transition:outline-color .1s ease;color:#fff}.pAccContent>input:focus{outline:1px solid var(--orange)}.pAccContent>button{border:none;border-radius:6px;background-color:var(--orange);padding:4px;cursor:pointer;transition:opacity .9s ease}.pAccContent>button:hover{opacity:.8}.pNotiContainer{background-color:var(--bg-left);border:1px solid var(--border);border-radius:10px;height:64%}.pNotiGrid{height:100%;display:grid;grid-template:repeat(4,auto)/repeat(2,auto);position:relative}.pNotiBtns{grid-row:1;position:absolute;left:20px;top:20px}.pNotiBtns>button{border:none;border-radius:4px;font-size:14px;font-family:var(--font);color:#fff;background:none}.pNotiEmpty{color:#fff;font-family:var(--font);font-weight:420;grid-row:2;grid-column:1/ span 2;place-self:center}.notiPageBtnContainer{display:flex;grid-column:2;grid-row:4;position:absolute;right:80px;bottom:20px;gap:2em}#root{padding:0;margin:0;overflow:hidden;height:100vh}*,body{padding:0;margin:0}.dashboardPage{height:100vh;display:grid;grid-template-rows:repeat(3,auto) 1fr;background-color:var(--bg-right)}.dashboardBody{grid-row:4;height:100%;position:relative}.dashboardHeader{grid-row:1;display:flex;justify-content:space-between;align-items:flex-start;padding:.6em;background-color:var(--bg-left)}.burgerWrapper{display:none}.quickAccessContainer{grid-row:2;margin:40px}.statCardsGrid{display:flex;justify-content:space-evenly;align-items:center}.statCardWrapper{background:var(--bg-left);height:8em;width:20em;border-radius:12px;padding:12px}.statCard{height:100%;display:flex;flex-direction:column;justify-content:space-between;font-family:var(--font);padding-left:12px;color:#fff}.statCardTitle,.statCardSubtitle{font-weight:440;font-size:.8em;letter-spacing:1px}.statCardValue{font-weight:400;font-size:2.2em}.filterRow{grid-row:3;width:100%;height:auto;display:flex;align-items:center;justify-content:space-evenly;margin-bottom:1em}.statusBtnsContainer{display:flex;gap:8px;width:80%}.statusBtns{height:2em;width:fit-content;padding-left:10px;padding-right:10px;border-radius:10px;text-align:center;border:1px solid var(--border);font-weight:400;background:transparent;cursor:pointer;color:#fff}.statusBtns.active{background:var(--orange)}.searchInput{height:2.4em;padding-left:8px;border-radius:12px;border:1px solid var(--border);outline:transparent;background-color:var(--input-bg);color:#fff}.searchInput:focus{outline:1px solid var(--orange)}.customerTableContainer{grid-row:4;height:100%;width:100%;display:flex;padding:0;margin:0}.customerTable{display:grid;grid-template-rows:auto 1fr;height:70%;width:100%;border:1px solid var(--border);border-radius:10px}.tableHead{width:100%;border-bottom:1px solid var(--border);padding:10px;display:flex;justify-content:space-between;align-items:center;color:#fff}.thLeft{width:24%;display:flex;align-items:center;justify-content:space-evenly;font-family:var(--font);font-size:13px}.thRight{width:76%;display:flex;align-items:center;justify-content:space-evenly;font-family:var(--font);font-size:13px}.tableBody{height:100%;background-color:var(--bg-left);position:relative;color:#fff}.tableBody>p{position:absolute;top:50%;left:50%;font-family:var(--font)}.customerDeleteBtn{visibility:hidden;cursor:pointer;color:red;border:none;background:none;position:absolute;transition:visibility .1s ease opacity 2s ease}.customerDeleteBtn:hover{opacity:.8}.customerDataRow{position:relative;width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:10px;cursor:pointer}.customerDataRow:hover .customerDeleteBtn{visibility:visible}.customerDataRow:active{pointer-events:none}.trLeft{width:20%;display:grid;grid-template-columns:repeat(2,auto);font-family:var(--font)}.customerJobId{justify-self:flex-end;align-self:center;font-size:14px;font-weight:520;letter-spacing:1px}.customerNameNAdd{grid-column:2;justify-self:flex-end;padding-right:32px;display:flex;flex-direction:column}.customerNameTxt{color:var(--orange);font-size:13px;font-weight:420;letter-spacing:3%}.customerAddressTxt{font-size:11px}.quoteJobDescriptionTxt{width:18%;text-align:center;padding-left:20px;margin-left:40px;font-family:var(--font);font-size:14px;letter-spacing:4%}.trRight{width:47%;font-family:var(--font);font-size:14px;letter-spacing:2%;display:grid;align-items:center;grid-template-columns:.52fr auto 1fr}.quoteTotalTxt{grid-column:1}.quoteStatus{grid-column:2;font-size:12px;border-radius:12px;height:fit-content;width:fit-content;justify-self:center;align-self:center;padding:8px;font-family:var(--font);font-size:11px;font-weight:400}.quoteStatus.sentStatusStyle{background-color:#3b78f640;color:#38bdf8;font-weight:560;font-family:var(--font)}.quoteStatus.pendingStatusStyle{background-color:#eab3081f;color:#facc15;font-weight:560;font-family:var(--font)}.quoteStatus.approvedStatusStyle{background-color:#22c55e1f;color:#4ade80;font-weight:560;font-family:var(--font)}.quoteStatus.unpaidStatusStyle{background-color:#ef45451f;color:#f87171;font-weight:560;font-family:var(--font)}.quoteStatus.draftStatusStyle{background-color:#8fa8b81f;color:#cbd5e1;font-weight:560;font-family:var(--font)}.quoteStatus.completedStatusStyle{background-color:#9333ea1f;color:#a78bfa;font-weight:560;font-family:var(--font)}.pageBtnContainer{cursor:pointer;position:absolute;bottom:4%;right:4%;display:flex;gap:40px}.quoteCreatedAtTxt{grid-column:3;justify-self:center}.pageBtnContainer>button{height:2.2rem;width:2.2rem;border-radius:6px}.pageBtnContainer>button:hover{cursor:pointer}.pageBtnContainer>button:disabled{cursor:default}@media(max-width:1024px){#root{padding:0;margin:0;height:100vh}body{padding:0;margin:0}.dashboardPage{height:100%;display:grid;grid-template-rows:auto 1fr;background-color:var(--bg-right)}.dashboardHeader{grid-row:1;display:flex;justify-content:center;align-items:center;width:100%;position:relative;border-bottom:1px solid var(--border);padding-bottom:8px}.burgerWrapper{height:100%;position:relative}.burgerBtn{position:absolute;top:20px;padding-bottom:4px;left:10px;border:none;background:none;cursor:pointer;height:4em;width:4em}.burgerContainer{position:absolute;top:100%;left:0;margin-left:16px;padding:4px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;min-width:32px;z-index:10}.burgerUl{list-style:none;display:flex;flex-direction:column;align-items:center;gap:6px}.burgerUl>li{transition:color .2s ease}.burgerUl>li:hover{color:var(--orange)}.dashboardNav{width:100%}.burgerLogout{color:var(--orange)}.navLeft{display:flex;justify-content:center;align-items:center;width:100%}.navLogo{margin-top:12px;align-self:center;display:flex;align-items:center;justify-content:center;width:100%}.navLogoIcon{height:4rem;width:4.2rem}.navRight{display:none}.dashboardBody{display:grid;grid-template-rows:auto auto 1fr;height:100%;width:100%;row-gap:18px;overflow-x:hidden}.quickAccessContainer{grid-row:1;display:flex;align-items:center;justify-content:center;width:100%;padding-top:10px;margin-bottom:10px}.statCardsGrid{margin-top:10px;width:100%;place-items:center;gap:10px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.statCardWrapper{height:100%;width:80%;display:flex;padding-left:10px;justify-content:flex-start;border:none;background-color:var(--input-bg);border-radius:8px}.statCard{width:100%;height:100%;display:flex;padding:10px 10px 20px 24px;justify-content:flex-start;flex-direction:column}.statCardTitle{font-family:var(--font);font-size:9px;font-weight:500;letter-spacing:1px;margin:0}.statCardValue{margin:0;font-family:var(--font);font-size:2rem;padding-left:10px}.statCardSubtitle{margin:0;font-family:var(--font);font-weight:540;letter-spacing:1px;font-size:9px}.filterRow{grid-row:2;display:flex;justify-content:center;align-items:center}.searchInput{width:60%;background-color:var(--input-bg);height:2.6em;border-radius:10px;outline:none;padding-left:10px;border:1px solid transparent;transition:border-color .2s ease}.searchInput:focus{border-color:var(--orange)}.statusBtnsContainer{display:none}.customerTableContainer{grid-row:3;width:100%;display:grid;grid-template-rows:auto 1fr;margin:0;padding:0;border:1px solid var(--border);border-radius:12px}.customerTable{grid-row:2;width:100%;display:grid;grid-auto-rows:min-content;align-content:start;padding:0;margin:0}.tableHead{grid-row:1;width:100%;display:flex;justify-content:space-between;padding-top:10px;padding-bottom:10px;border-bottom:1px solid var(--border);font-family:var(--font);font-size:12px}.thLeft{flex:.7;display:flex;justify-content:center;gap:20px}.thRight{flex:2.1;justify-content:space-evenly;align-items:center;display:flex}.tableBody{height:100%;width:100%;display:grid;grid-template-rows:repeat(12,auto);position:relative}.tableBody>p{grid-row:2/4;font-family:var(--font);align-self:center;justify-self:center}.customerDataRow{cursor:pointer;justify-self:center;display:grid;grid-template-columns:repeat(6,auto);border-bottom:2px solid var(--border);border-radius:1em;height:fit-content;width:100%;padding:10px;margin:0;position:relative}.quoteJobDescriptionTxt{grid-column:3;justify-self:center;align-self:center;font-family:var(--font);font-size:13px}.trLeft{grid-column:1 / 2;position:relative;display:grid;grid-template-columns:repeat(2,auto);gap:16px;width:100%;font-family:var(--font)}.customerNameNAdd{grid-column:2;display:flex;width:fit-content;justify-content:space-between;align-items:center;flex-direction:column;gap:10px}.customerNameTxt{color:var(--orange);font-size:12.6px}.customerAddressTxt{font-size:12px}.customerJobId{grid-column:1;align-self:center;justify-self:center;font-family:var(--font);font-size:13px}.trRight{grid-column:5 / 7;display:grid;grid-template-columns:repeat(3,auto);position:relative;row-gap:10px;height:100%;width:96%;font-family:var(--font)}.customerDeleteBtn{z-index:100;position:absolute;right:12px;top:14px;border:none;background:none;color:#f00c;cursor:pointer}.quoteTotalTxt{grid-column:1;align-self:center;justify-self:flex-start;font-size:13px;color:var(--orange)}.quoteStatus{grid-column:2;border-radius:12px;height:fit-content;width:fit-content;margin-right:6px;padding:8px;align-self:center;justify-self:flex-end;font-family:var(--font);font-size:11px;font-weight:400}.quoteStatus.sentStatusStyle{background-color:#3b78f640;color:#38bdf8;font-weight:560;font-family:var(--font)}.quoteStatus.pendingStatusStyle{background-color:#eab3081f;color:#facc15;font-weight:560;font-family:var(--font)}.quoteStatus.approvedStatusStyle{background-color:#22c55e1f;color:#4ade80;font-weight:560;font-family:var(--font)}.quoteStatus.unpaidStatusStyle{background-color:#ef45451f;color:#f87171;font-weight:560;font-family:var(--font)}.quoteStatus.draftStatusStyle{background-color:#8fa8b81f;color:#cbd5e1;font-weight:560;font-family:var(--font)}.quoteStatus.completedStatusStyle{background-color:#9333ea1f;color:#a78bfa;font-weight:560;font-family:var(--font)}.quoteCreatedAtTxt{font-size:13px;justify-self:center;align-self:center}.pageBtnContainer{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:4em}.pageBtnContainer>button{cursor:pointer}}@media(max-width:800px){#root{padding:0;margin:0;height:100vh}body{padding:0;margin:0}.dashboardPage{height:100%;display:grid;grid-template-rows:auto 1fr;background-color:var(--bg-right)}.dashboardHeader{grid-row:1;display:flex;justify-content:center;align-items:center;width:100%;position:relative;border-bottom:1px solid var(--border);padding-bottom:8px}.burgerWrapper{height:100%;position:relative}.burgerBtn{position:absolute;top:20px;padding-bottom:4px;left:10px;border:none;background:none;cursor:pointer;height:4em;width:4em}.burgerContainer{position:absolute;top:100%;left:0;margin-left:16px;padding:4px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;min-width:32px;z-index:10}.burgerUl{list-style:none;display:flex;flex-direction:column;align-items:center;gap:6px}.burgerUl>li{transition:color .2s ease}.burgerUl>li:hover{color:var(--orange)}.dashboardNav{width:100%}.burgerLogout{color:var(--orange)}.navLeft{display:flex;justify-content:center;align-items:center;width:100%}.navLogo{margin-top:12px;align-self:center;display:flex;align-items:center;justify-content:center;width:100%}.navLogoIcon{height:4rem;width:4.2rem}.navRight{display:none}.dashboardBody{display:grid;grid-template-rows:auto auto 1fr;height:100%;width:100%;row-gap:18px;overflow-x:hidden}.quickAccessContainer{grid-row:1;display:flex;align-items:center;justify-content:center;width:100%;padding-top:10px;margin-bottom:10px}.statCardsGrid{margin-top:10px;width:100%;place-items:center;gap:10px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.statCardWrapper{height:100%;width:80%;display:flex;padding-left:10px;justify-content:flex-start;border:none;background-color:var(--input-bg);border-radius:8px}.statCard{width:100%;height:100%;display:flex;padding:10px 10px 20px 24px;justify-content:flex-start;flex-direction:column}.statCardTitle{font-family:var(--font);font-size:9px;font-weight:500;letter-spacing:1px;margin:0}.statCardValue{margin:0;font-family:var(--font);font-size:2rem;padding-left:10px}.statCardSubtitle{margin:0;font-family:var(--font);font-weight:540;letter-spacing:1px;font-size:9px}.filterRow{grid-row:2;display:flex;justify-content:center;align-items:center}.searchInput{width:60%;background-color:var(--input-bg);height:2.6em;border-radius:10px;outline:none;padding-left:10px;border:1px solid transparent;transition:border-color .2s ease}.searchInput:focus{border-color:var(--orange)}.statusBtnsContainer{display:none}.customerTableContainer{grid-row:3;width:100%;display:grid;grid-template-rows:auto 1fr;margin:0;padding:0;border:1px solid var(--border);border-radius:12px}.customerTable{grid-row:2;width:100%;display:grid;grid-auto-rows:min-content;align-content:start;padding:0;margin:0}.tableHead{grid-row:1;width:100%;display:flex;justify-content:space-between;padding-top:10px;padding-bottom:10px;border-bottom:1px solid var(--border);font-family:var(--font);font-size:12px}.thLeft{flex:.7;display:flex;justify-content:center;gap:20px}.thRight{flex:2.1;justify-content:space-evenly;align-items:center;display:flex}.tableBody{height:100%;width:100%;display:grid;grid-template-rows:repeat(12,auto);position:relative}.tableBody>p{grid-row:2/4;font-family:var(--font);align-self:center;justify-self:center}.customerDataRow{cursor:pointer;justify-self:center;display:grid;grid-template-columns:repeat(6,auto);border-bottom:2px solid var(--border);border-radius:1em;height:fit-content;width:100%;padding:10px;margin:0;position:relative}.quoteJobDescriptionTxt{grid-column:3;justify-self:center;align-self:center;font-family:var(--font);font-size:13px}.trLeft{grid-column:1 / 2;position:relative;display:grid;grid-template-columns:repeat(2,auto);gap:16px;width:100%;font-family:var(--font)}.customerNameNAdd{grid-column:2;display:flex;width:fit-content;justify-content:space-between;align-items:center;flex-direction:column;gap:10px}.customerNameTxt{color:var(--orange);font-size:12.6px}.customerAddressTxt{font-size:12px}.customerJobId{grid-column:1;align-self:center;justify-self:center;font-family:var(--font);font-size:13px}.trRight{grid-column:5 / 7;display:grid;grid-template-columns:repeat(3,auto);position:relative;row-gap:10px;height:100%;width:96%;font-family:var(--font)}.customerDeleteBtn{z-index:100;position:absolute;right:12px;top:14px;border:none;background:none;color:#f00c;cursor:pointer}.quoteTotalTxt{grid-column:1;align-self:center;justify-self:flex-start;font-size:13px;color:var(--orange)}.quoteStatus{grid-column:2;border-radius:12px;height:fit-content;width:fit-content;margin-right:6px;padding:8px;align-self:center;justify-self:flex-end;font-family:var(--font);font-size:11px;font-weight:400}.quoteStatus.sentStatusStyle{background-color:#3b78f640;color:#38bdf8;font-weight:560;font-family:var(--font)}.quoteStatus.pendingStatusStyle{background-color:#eab3081f;color:#facc15;font-weight:560;font-family:var(--font)}.quoteStatus.approvedStatusStyle{background-color:#22c55e1f;color:#4ade80;font-weight:560;font-family:var(--font)}.quoteStatus.unpaidStatusStyle{background-color:#ef45451f;color:#f87171;font-weight:560;font-family:var(--font)}.quoteStatus.draftStatusStyle{background-color:#8fa8b81f;color:#cbd5e1;font-weight:560;font-family:var(--font)}.quoteStatus.completedStatusStyle{background-color:#9333ea1f;color:#a78bfa;font-weight:560;font-family:var(--font)}.quoteCreatedAtTxt{font-size:13px;justify-self:center;align-self:center}.pageBtnContainer{position:absolute;left:50%;transform:translate(-50%);bottom:20px;display:flex;gap:4em}.pageBtnContainer>button{cursor:pointer}}@media(max-width:500px){#root{padding:0;margin:0;height:100vh}body{padding:0;margin:0}.dashboardPage{height:100%;display:grid;grid-template-rows:auto 1fr;background-color:var(--bg-right)}.dashboardHeader{grid-row:1;display:flex;justify-content:center;align-items:center;width:100%;position:relative;border-bottom:1px solid var(--border);padding-bottom:8px}.burgerWrapper{height:100%;position:relative}.burgerBtn{position:absolute;top:20px;padding-bottom:4px;left:10px;border:none;background:none;cursor:pointer}.burgerContainer{position:absolute;top:100%;left:0;margin-top:8px;margin-left:8px;padding:4px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;min-width:32px;z-index:10}.burgerUl{list-style:none;display:flex;flex-direction:column;align-items:center;gap:6px}.dashboardNav{width:100%}.burgerLogout{color:var(--orange)}.navLeft{display:flex;justify-content:center;align-items:center;width:100%}.navLogo{margin-top:12px;align-self:center;display:flex;align-items:center;justify-content:center;width:100%}.navLogoIcon{height:2.4rem;width:4rem}.navRight{display:none}.dashboardBody{display:grid;grid-template-rows:auto auto 1fr;height:100%;row-gap:4px;overflow-x:hidden}.quickAccessContainer{grid-row:1;display:flex;align-items:center;justify-content:center;width:100%;padding-top:10px;padding-right:12px}.statCardsGrid{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px}.statCardWrapper{height:100%;width:90%;display:flex;padding-left:10px;padding-right:10px;justify-content:flex-start;border:none;background-color:var(--input-bg);border-radius:8px}.statCard{width:100%;height:100%;display:flex;padding:10px 10px 20px;justify-content:flex-start;flex-direction:column}.statCardTitle{font-family:var(--font);font-size:9px;font-weight:500;letter-spacing:1px;margin:0}.statCardValue{margin:0;font-family:var(--font);font-size:2rem;padding-left:10px}.statCardSubtitle{margin:0;font-family:var(--font);font-weight:540;letter-spacing:1px;font-size:9px}.filterRow{grid-row:2;display:flex;justify-content:center;align-items:center}.searchInput{width:80%;background-color:var(--input-bg);height:2.6em;border-radius:10px;outline:none;padding-left:10px;border:1px solid transparent;transition:border-color .2s ease}.searchInput:focus{border-color:var(--orange)}.statusBtnsContainer{display:none}.customerTableContainer{grid-row:3;width:100%;display:flex;overflow:hidden}.customerTable{height:80%;width:100%;padding:0;margin:0}.tableHead{display:none;width:100%}.tableBody{height:100%;width:100%;padding-top:20px;display:grid;grid-template-rows:repeat(4,1fr);row-gap:8px;position:relative}.tableBody>p{grid-row:2/4;font-family:var(--font);align-self:center;justify-self:center}.customerDataRow{cursor:pointer;justify-self:center;align-self:center;display:flex;justify-content:space-between;align-items:center;border:2px solid var(--border);border-radius:1em;height:auto;width:80%;padding:10px;margin:0}.quoteJobDescriptionTxt{display:none}.trLeft{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;flex-direction:column;width:40%;font-family:var(--font);z-index:100}.customerNameNAdd{display:flex;width:fit-content;justify-content:space-between;align-items:center;flex-direction:column;gap:20px}.customerNameTxt{color:var(--orange);font-size:14px}.customerAddressTxt{font-size:12px}.customerJobId{font-family:var(--font);font-size:13px}.trRight{display:grid;row-gap:10px;height:100%;width:fit-content;grid-template-rows:repeat(3,auto);font-family:var(--font)}.customerDeleteBtn{z-index:100;position:absolute;right:12px;top:14px;border:none;background:none;color:#f00c;cursor:pointer}.quoteTotalTxt{align-self:center;justify-self:center;font-size:13px;color:var(--orange)}.quoteStatus{border-radius:12px;height:fit-content;width:fit-content;padding:8px;align-self:center;justify-self:center;font-family:var(--font);font-size:11px;font-weight:400}.quoteStatus.sentStatusStyle{background-color:#3b78f640;color:#38bdf8;font-weight:560;font-family:var(--font)}.quoteStatus.pendingStatusStyle{background-color:#eab3081f;color:#facc15;font-weight:560;font-family:var(--font)}.quoteStatus.approvedStatusStyle{background-color:#22c55e1f;color:#4ade80;font-weight:560;font-family:var(--font)}.quoteStatus.unpaidStatusStyle{background-color:#ef45451f;color:#f87171;font-weight:560;font-family:var(--font)}.quoteStatus.draftStatusStyle{background-color:#8fa8b81f;color:#cbd5e1;font-weight:560;font-family:var(--font)}.quoteStatus.completedStatusStyle{background-color:#9333ea1f;color:#a78bfa;font-weight:560;font-family:var(--font)}.quoteCreatedAtTxt{font-size:13px}.pageBtnContainer{position:absolute;left:50%;transform:translate(-50%);bottom:20px;display:flex;gap:4em}.pageBtnContainer>button{cursor:pointer}}@media(max-width:400px){#root{padding:0;margin:0;height:100vh}body{padding:0;margin:0}.dashboardPage{height:100%;display:grid;grid-template-rows:auto 1fr;background-color:var(--bg-right)}.dashboardHeader{grid-row:1;display:flex;justify-content:center;align-items:center;width:100%;position:relative;border-bottom:1px solid var(--border);padding-bottom:8px}.burgerWrapper{height:100%;position:relative}.burgerBtn{position:absolute;top:20px;padding-bottom:4px;left:10px;border:none;background:none;cursor:pointer}.burgerContainer{position:absolute;top:100%;left:0;margin-top:8px;margin-left:8px;padding:4px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;min-width:32px;z-index:10;box-shadow:0 8px 24px #0006}.burgerUl{list-style:none;display:flex;flex-direction:column;align-items:center;gap:6px}.dashboardNav{width:100%}.burgerLogout{color:var(--orange)}.navLeft{display:flex;justify-content:center;align-items:center;width:100%}.navLogo{margin-top:12px;align-self:center;display:flex;align-items:center;justify-content:center;width:100%}.navLogoIcon{height:2.4rem;width:4rem}.navRight{display:none}.dashboardBody{display:grid;grid-template-rows:auto auto 1fr;height:100%;row-gap:4px;overflow-x:hidden}.quickAccessContainer{grid-row:1;display:flex;align-items:center;justify-content:center;width:100%;padding-top:10px;padding-right:12px}.statCardsGrid{padding-left:8px;padding-right:8px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px}.statCardWrapper{height:100%;width:90%;display:flex;padding-left:10px;padding-right:10px;justify-content:flex-start;border:none;background-color:var(--input-bg);border-radius:8px}.statCard{width:100%;height:100%;display:flex;padding:10px 10px 20px;justify-content:flex-start;flex-direction:column}.statCardTitle{font-family:var(--font);font-size:9px;font-weight:500;letter-spacing:1px;margin:0}.statCardValue{margin:0;font-family:var(--font);font-size:2rem;padding-left:10px}.statCardSubtitle{margin:0;font-family:var(--font);font-weight:540;letter-spacing:1px;font-size:9px}.filterRow{grid-row:2;display:flex;justify-content:center;align-items:center}.searchInput{width:80%;background-color:var(--input-bg);height:2.6em;border-radius:10px;outline:none;padding-left:10px;border:1px solid transparent;transition:border-color .2s ease}.searchInput:focus{border-color:var(--orange)}.statusBtnsContainer{display:none}.customerTableContainer{grid-row:3;width:100%;display:flex;overflow:hidden}.customerTable{height:100%;width:100%;margin-top:10px}.tableHead{display:none;width:100%}.tableBody{height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;position:relative}.tableBody>p{grid-row:2/4;font-family:var(--font);align-self:center;justify-self:center}.customerDataRow{display:flex;justify-content:space-evenly;align-items:center;border:2px solid var(--border);border-radius:1em;height:40%;width:90%;padding:8px;margin:0;position:relative}.quoteJobDescriptionTxt{display:none}.trLeft{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:40%;font-family:var(--font)}.customerNameNAdd{align-self:center;justify-self:center;display:flex;width:fit-content;justify-content:space-between;align-items:center;flex-direction:column;gap:20px}.customerNameTxt{color:var(--orange);font-size:14px}.customerAddressTxt{font-size:12px}.customerJobId{font-family:var(--font);font-size:13px}.trRight{display:grid;height:100%;width:fit-content;grid-template-rows:repeat(3,auto);font-family:var(--font)}.quoteTotalTxt{align-self:center;justify-self:center;font-size:13px;color:var(--orange)}.customerDeleteBtn{position:absolute;visibility:hidden}.quoteStatus{border-radius:12px;height:fit-content;width:fit-content;padding:8px;align-self:center;justify-self:center;font-family:var(--font);font-size:11px;font-weight:400}.quoteStatus.sentStatusStyle{background-color:#3b78f640;color:#38bdf8;font-weight:560;font-family:var(--font)}.quoteStatus.pendingStatusStyle{background-color:#eab3081f;color:#facc15;font-weight:560;font-family:var(--font)}.quoteStatus.approvedStatusStyle{background-color:#22c55e1f;color:#4ade80;font-weight:560;font-family:var(--font)}.quoteStatus.unpaidStatusStyle{background-color:#ef45451f;color:#f87171;font-weight:560;font-family:var(--font)}.quoteStatus.draftStatusStyle{background-color:#8fa8b81f;color:#cbd5e1;font-weight:560;font-family:var(--font)}.quoteStatus.completedStatusStyle{background-color:#9333ea1f;color:#a78bfa;font-weight:560;font-family:var(--font)}.quoteCreatedAtTxt{font-size:13px}.pageBtnContainer{position:absolute;left:50%;transform:translate(-50%);bottom:20px;display:flex;gap:4em}.pageBtnContainer>button{cursor:pointer}}; :root{--orange: #eea12d;--bg-left: #141414;--bg-right: #0d0d0d;--border: #4d4b4ba2;--text: #f0f0f0;--text-muted: #888;--input-bg: #1e1e1e;--skin: #2a2a2a;--stroke: var(--orange);--mid: #1e1e1e;--signbg: #111111;--font: "Montserrat", sans-serif}.createQuotePage{height:100vh;display:grid;grid-template-rows:auto 1fr;background:var(--bg-right);color:#fff}.createQuoteNav{grid-row:1;width:100%;padding:.6em;display:flex;justify-content:space-between;align-items:center;height:fit-content;background:var(--bg-left)}.cqNavLeft{display:flex;justify-content:center;align-items:center;margin-left:16px}.navLogo{display:flex;justify-content:center;align-items:center}.cqNavRight{width:18%;display:flex;align-items:center;justify-content:space-evenly;padding-right:2%}.quoteStatusSelect{height:3em;width:fit-content;padding-left:10px;border-radius:8px;border:1px solid var(--border);font-family:var(--font);font-size:13px;font-weight:400;background:transparent;cursor:pointer;color:#fff;text-align:center}.cqSendQuoteBtn{height:3em;padding-right:14px;padding-left:14px;border:none;background-color:var(--orange);border-radius:10px;text-align:center;cursor:pointer;transition:opacity 1s ease;font-weight:440;font-family:var(--font)}.cqSendQuoteBtn:hover{opacity:.8}.createQuoteContent{display:grid;grid-template:.4fr .6fr / .7fr .4fr}.cqLeft{min-width:0;grid-column:1;grid-row:1/3;height:100%;display:flex;justify-content:center;align-items:center}.cqFormWrapper{flex:1;height:100%;width:100%;margin-top:40px;padding:20px;display:grid;grid-template-rows:repeat(3,auto)}.cqCardLabel{padding:10px}.cqCustomerCard{border:1px solid var(--border);background:var(--bg-left);justify-self:center;height:60%;width:80%;border-radius:10px;font-family:var(--font);font-size:13px;letter-spacing:4%;display:grid;grid-template-rows:auto 1fr}.cqCustomerFields{align-self:center;justify-self:center;width:90%;height:100%;display:grid;align-items:center;height:fit-content;gap:20px;grid-template-rows:repeat(3,auto)}.cqCustomerNames{grid-row:1;width:100%;display:flex;gap:20px}.cqCustomerContact{display:flex;gap:20px}.cqCustomerFields>input{align-self:center;justify-self:center}.cqInput{color:#fff;height:2.4em;border-radius:8px;border:1px solid var(--border);width:86%;padding-left:10px;outline:1px solid transparent;box-sizing:border-box;transition:outline-color .1s ease;background-color:var(--input-bg)}.cqInput:focus{border:none;outline:1px solid var(--orange)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}.cqSection{justify-self:center;height:fit-content;width:100%;margin:0;display:flex;flex-direction:column}.cqSectionHeader{width:82%;align-self:center;display:flex;justify-content:space-between;margin-bottom:10px;font-family:var(--font)}.cqSectionLabel{width:20%;align-self:flex-end;justify-self:flex-end}.cqTable{border:1px solid var(--border);width:80%;align-self:center;display:flex;flex-direction:column;border-radius:10px;background-color:var(--bg-left);padding:18px}.cqSectionLabel{font-size:13px}.cqAddBtn{width:4rem;padding:6px;border:1px solid var(--border);border-radius:6px;background:var(--input-bg);cursor:pointer;transition:background .1s ease;color:#fff}.cqAddBtn:hover{background:var(--orange)}.cqTableHeader{width:92%;display:grid;grid-template-columns:repeat(2,auto);margin-bottom:8px}.cqColDesc{font-family:var(--font);font-size:14px}.cqColSmallContainer{grid-column:2;width:48%;justify-self:flex-end;align-self:center;display:grid;grid-template-columns:.34fr .24fr .4fr;column-gap:10px;align-items:center}.cqColSmall{width:18%;text-align:center;padding:0;font-family:var(--font);font-size:13px}.cqColSmallTitle{font-family:var(--font);font-size:14px}.cqColSmallQty{padding-right:10px;justify-self:flex-end}.cqColSmallUnit{justify-self:flex-end}.cqColSmallTotal{flex-grow:0;flex-shrink:0;width:60px;min-width:60px;max-width:60px;min-width:0;justify-self:center;font-size:14px;align-self:center}.cqTableRow{position:relative;display:flex;gap:18px;margin-bottom:10px}.cqSmallContainer{flex-grow:0;flex-shrink:1;min-width:0;display:flex;gap:20px}.cqColSmallHrs,.cqColSmallRate{justify-self:center;font-size:14px}.cqTableRow>button{position:absolute;right:28px;border:none;background:none;height:2em;width:2em;cursor:pointer;color:#fff}.cqRight{min-width:0;overflow-x:hidden;width:58%;height:88%;justify-self:center;display:grid;grid-template-rows:repeat(3,auto);margin-top:20px;padding:10px;background-color:var(--bg-left);border:1px solid var(--border);border-radius:20px}.cqSummaryTitle{display:flex;font-family:var(--font);padding-top:10px;padding-left:10px;font-weight:480}.cqCalc{padding-left:10px;display:flex;justify-content:center;align-items:flex-end;flex-direction:column;padding-right:2em;gap:2em;font-family:var(--font)}.cqSubtotalRow,.cqMarkupContainer{width:100%;display:flex;justify-content:space-between}.cqMarkupRow{display:flex;justify-content:space-evenly;align-items:center;gap:4px;padding-right:4px;width:30%}.cqMarkupInput{width:3.2em;height:2em;text-align:center;border-radius:6px;border:none;outline:1px solid transparent;background-color:var(--input-bg);color:#fff}.cqMarkupInput:focus{outline:1px solid var(--orange);background:none}.cqMarkupPct{font-size:13px;color:#fff}.cqTotalRow{border-top:1px solid var(--border);padding-left:10px;padding-top:40px;width:100%;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:18px}.cqTotalValue{font-size:24px;font-weight:620;color:var(--orange)}.cqSendToCustomerBtn{width:72%;height:68%;border:none;border-radius:16px;justify-self:center;background-color:var(--orange);text-align:center;font-weight:600;font-family:var(--font);font-size:12px;letter-spacing:.04em;display:flex;justify-content:center;align-items:center;gap:20px;color:#000;cursor:pointer}:root{--orange: #eea12d;--bg-left: #141414;--bg-right: #0d0d0d;--border: #4d4b4ba2;--text: #f0f0f0;--text-muted: #888;--input-bg: #1e1e1e;--skin: #2a2a2a;--stroke: var(--orange);--mid: #1e1e1e;--signbg: #111111;--font: "Montserrat", sans-serif}.dashboardNav{display:flex;justify-content:space-between;align-items:center;width:100%;background-color:none}.navLeft{padding-left:16px;height:fit-content;width:fit-content}.navLogo{height:4.2em;width:4.2em;cursor:pointer}.navRight{width:20%;padding-right:62px;display:flex;justify-content:space-between;align-items:center}.profileContainer{height:3em;width:3em;display:flex;justify-content:center;align-items:center;border:1px solid var(--border);background-color:var(--bg-left);border-radius:2em;position:relative}.profileContainer>h3{font-size:14px;font-family:var(--font);font-weight:580;color:#fff}.navPopUpContainer{position:relative;height:fit-content;width:fit-content;display:flex;flex-direction:column;align-items:center;z-index:100}.navPopUpContent{background:#14141473;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 32px #0003;position:absolute;top:100%;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;margin-top:10px;width:80px;height:40px;border-radius:12px;padding:0}.navPopUpActions{display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;height:100%;width:fit-content;padding-left:8px;padding-right:8px;position:relative}.navPopBtns{background:none;cursor:pointer;border:none;font-family:var(--font);font-weight:440;display:flex;justify-content:center;align-items:center;position:relative;padding-left:6px;padding-right:6px;transition:color .4s ease;color:#fff}.navPopBubble{position:absolute;visibility:hidden;left:0%;transform:translate(-60%,4%);height:.4em;width:.4em;background:var(--orange);border-radius:2em;transition:visibility .2s ease}.navPopBtns:hover{color:var(--orange)}.navPopBtns:hover .navPopBubble{visibility:visible}.createQuoteBtn{font-weight:460;font-family:var(--font);color:#000;cursor:pointer;background-color:var(--orange);border:none;height:2.4rem;padding:2px 12px;border-radius:14px;transition:opacity .9s ease}.createQuoteBtn:hover{opacity:.8}