@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";: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}*,body{margin:0;padding:0}.authPage{height:100vh;display:flex;justify-content:space-evenly}.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}.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}}For alerts for profile :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}#root{padding:0;margin:0;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}.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}.navPopUpContainer{position:relative;height:fit-content;width:fit-content;display:flex;flex-direction:column;align-items:center}.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:80px;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:4px;padding-right:6px;transition:color .4s ease}.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}.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}.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}.statusBtns.active{background:var(--orange)}.searchInput{height:2.4em;padding-left:8px;border-radius:12px;border:1px solid var(--border);outline:transparent}.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}.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:#fff}.customerDataRow{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:10px}.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;grid-template-columns:repeat(3,auto)}.quoteTotalTxt{grid-column:1}.quoteStatus{grid-column:2;margin-left:40px;font-size:12px;border-radius:12px;height:fit-content;width:fit-content;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)}@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%);bottom:20px;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}};{}