@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}@media(max-width:480px){body{padding:0;margin:0}.dashboardPage{display:grid;grid-template-rows:auto 1fr;background-color:var(--bg-right)}.dashboardHeader{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position:relative;border-bottom:1px solid var(--border)}.hamburgerBtn{position:absolute;left:10px;border:none;background:none;cursor:pointer}.dashboardNav{grid-column:2;width:100%}.navLeft{display:flex;justify-content:center;align-items:center;width:100%}.navLogo{display:flex;align-items:center;justify-content:center;width:100%}.navLogoIcon{height:3rem;width:4rem}.navRight{display:none}.dashboardBody{display:grid;grid-template-rows:auto auto 1fr;height:100vh;row-gap:10px;overflow-x:hidden}.quickAccessContainer{grid-row:1;display:flex;align-items:center;justify-content:center;width:100%;padding-top:10px;padding-right:12px}.statCardsGrid{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%;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%}.tableHead{display:none;width:100%}.tableBody{height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;position:relative;padding:0}.customerDataRow{display:flex;justify-content:space-between;align-items:center;border:2px solid var(--border);border-radius:1em;height:40%;width:90%;padding:8px;margin:0;position:relative}.quoteJobDescriptionTxt{display:none}.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)}.quoteStatusCell{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}.quoteCreatedAtTxt{font-size:13px}.trLeft{position:relative;display:flex;gap:16px;flex-direction:column;width:40%;font-family:var(--font)}.customerDeleteBtn{position:absolute;visibility:hidden}.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}.pageBtnContainer{position:absolute;left:50%;transform:translate(-50%);bottom:0;display:flex;gap:4em}.pageBtnContainer>button{cursor:pointer}}