:root{--primary-color: #000000;--secondary-color: #000000;--tertiary-color: #000000;--blue: rgb(65, 126, 238, 1);--error-color: rgb(238, 65, 65, 1);--text-light: #6c757d;--white-alpha-50: rgba(255, 255, 255, .04);--white-alpha-100: rgba(255, 255, 255, .06);--white-alpha-200: rgba(255, 255, 255, .08);--white-alpha-300: rgba(255, 255, 255, .16);--white-alpha-400: rgba(255, 255, 255, .24);--white-alpha-500: rgba(255, 255, 255, .36);--white-alpha-600: rgba(255, 255, 255, .48);--white-alpha-700: rgba(255, 255, 255, .64);--white-alpha-800: rgba(255, 255, 255, .8);--white-alpha-900: rgba(255, 255, 255, .92);--black-alpha-50: rgba(0, 0, 0, .04);--black-alpha-100: rgba(0, 0, 0, .06);--black-alpha-200: rgba(0, 0, 0, .08);--black-alpha-300: rgba(0, 0, 0, .16);--black-alpha-400: rgba(0, 0, 0, .24);--black-alpha-500: rgba(0, 0, 0, .36);--black-alpha-600: rgba(0, 0, 0, .48);--black-alpha-700: rgba(0, 0, 0, .64);--black-alpha-800: rgba(0, 0, 0, .8);--black-alpha-900: rgba(0, 0, 0, .92);--gray-50: #f7fafc;--gray-100: #edf2f7;--gray-200: #e2e8f0;--gray-300: #cbd5e0;--gray-400: #a0aec0;--gray-500: #718096;--gray-600: #4a5568;--gray-700: #2d3748;--gray-800: #1a202c;--gray-900: #171923;--red-50: #fff5f5;--red-100: #fed7d7;--red-200: #feb2b2;--red-300: #fc8181;--red-400: #f56565;--red-500: #e53e3e;--red-600: #c53030;--red-700: #9b2c2c;--red-800: #822727;--red-900: #63171b;--orange-50: #fffaf0;--orange-100: #feebc8;--orange-200: #fbd38d;--orange-300: #f6ad55;--orange-400: #ed8936;--orange-500: #dd6b20;--orange-600: #c05621;--orange-700: #9c4221;--orange-800: #7b341e;--orange-900: #652b19;--yellow-50: #fffff0;--yellow-100: #fefcbf;--yellow-200: #faf089;--yellow-300: #f6e05e;--yellow-400: #ecc94b;--yellow-500: #d69e2e;--yellow-600: #b7791f;--yellow-700: #975a16;--yellow-800: #744210;--yellow-900: #5f370e;--green-50: #f0fff4;--green-100: #c6f6d5;--green-200: #9ae6b4;--green-300: #68d391;--green-400: #48bb78;--green-500: #38a169;--green-600: #2f855a;--green-700: #276749;--green-800: #22543d;--green-900: #1c4532;--teal-50: #e6fffa;--teal-100: #b2f5ea;--teal-200: #81e6d9;--teal-300: #4fd1c5;--teal-400: #38b2ac;--teal-500: #319795;--teal-600: #2c7a7b;--teal-700: #285e61;--teal-800: #234e52;--teal-900: #1d4044;--blue-50: #ebf8ff;--blue-100: #bee3f8;--blue-200: #90cdf4;--blue-300: #63b3ed;--blue-400: #4299e1;--blue-500: #3182ce;--blue-600: #2b6cb0;--blue-700: #2c5282;--blue-800: #2a4365;--blue-900: #1a365d;--indigo-50: #ebf4ff;--indigo-100: #c3dafe;--indigo-200: #a3bffa;--indigo-300: #7f9cf5;--indigo-400: #667eea;--indigo-500: #5a67d8;--indigo-600: #4c51bf;--indigo-700: #434190;--indigo-800: #3c366b;--indigo-900: #361e47;--purple-50: #faf5ff;--purple-100: #e9d8fd;--purple-200: #d6bcfa;--purple-300: #b794f4;--purple-400: #9f7aea;--purple-500: #805ad5;--purple-600: #6b46c1;--purple-700: #553c9a;--purple-800: #44337a;--purple-900: #322659;--pink-50: #fff5f7;--pink-100: #fed7e2;--pink-200: #fbb6ce;--pink-300: #f687b3;--pink-400: #ed64a6;--pink-500: #d53f8c;--pink-600: #b83280;--pink-700: #97266d;--pink-800: #702459;--pink-900: #521b41;--white: #ffffff;--black: #000000;--transparent: transparent}@font-face{font-family:Chivo;src:url(/assets/Chivo-VariableFont_wght-CFqaRNYb.ttf) format("truetype");font-weight:100 900;font-style:normal}@font-face{font-family:Chivo;src:url(/assets/Chivo-Italic-VariableFont_wght-Cm7fIMBL.ttf) format("truetype");font-weight:100 900;font-style:italic}@font-face{font-family:Gambetta;src:url(/assets/Gambetta-Variable-BtUGKF3U.ttf) format("truetype");font-weight:100 900;font-style:normal}@font-face{font-family:Gambetta;src:url(/assets/Gambetta-VariableItalic-DwFV5g1C.ttf) format("truetype");font-weight:100 900;font-style:italic}@font-face{font-family:Inter;src:url(/assets/Inter-VariableFont_opsz_wght-c8O0ljhh.ttf) format("truetype");font-weight:100 900;font-style:normal}@font-face{font-family:Inter;src:url(/assets/Inter-Italic-VariableFont_opsz_wght-B-9PvMw6.ttf) format("truetype");font-weight:100 900;font-style:italic}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100%}h1,h2,h3,h4{font-family:Gambetta}p,h5,h6{font-family:Inter}.lds-roller,.lds-roller div,.lds-roller div:after{box-sizing:border-box}.lds-roller{display:inline-block;position:relative;width:80px;height:80px;transform:scale(.7)}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px}.lds-roller div:after{content:" ";display:block;position:absolute;width:7.2px;height:7.2px;border-radius:50%;background:#417eee;margin:-3.6px 0 0 -3.6px}.lds-roller div:nth-child(1){animation-delay:-36ms}.lds-roller div:nth-child(1):after{top:62.62742px;left:62.62742px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:67.71281px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:70.90963px;left:48.28221px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:70.90963px;left:31.71779px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:67.71281px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:62.62742px;left:17.37258px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12.28719px}@keyframes lds-roller{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100%;background-color:#00000080;z-index:9998;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center}.modal-content{background-color:#f8f9fa!important;overflow:hidden;border-radius:.5rem!important;position:relative;min-height:40rem;max-height:50rem;height:100%;max-height:90vh;width:100%;max-width:1200px;z-index:9999;border:none!important;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-content .close-button{position:absolute;top:3rem;right:3rem;z-index:9999;background:var(--white-alpha-700)!important;color:var(--blue)!important;border:1px solid var(--white-alpha-50)!important}:is(.modal-content .close-button):hover{background:var(--white)!important;color:var(--blue)!important}.modal-header{font-size:20px;font-weight:700!important;width:100%;display:flex;justify-content:center!important;align-items:center;text-align:center;padding:2rem!important}.modal-header h1{margin:0!important;padding:0!important}.modal-body{font-size:16px;flex:1;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:1rem;gap:1rem}.modal-section{display:flex;flex-direction:column;gap:10px;background-color:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 0 10px #0000001a;width:100%;height:100%}.modal-section h5{font-size:1.2rem;margin:0!important;margin-bottom:1rem!important;font-weight:500!important}.modal-section h6{font-size:1rem;margin:0!important;font-weight:500!important}.modal-section p{font-size:.9rem!important;margin:0!important}.modal-section[data-type=empty]{display:flex;justify-content:center;align-items:center;height:100%;background-color:transparent!important;box-shadow:none!important;color:#6c757d}.modal-section[data-type=empty] p{font-size:.9rem!important;margin:0!important}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;width:100%;margin-top:2rem;border-top:none!important}.modal-btn{width:100%;max-width:none;padding:.7rem 1.5rem;font-size:15px;font-weight:500;background-color:#417eee;color:#fff;border:1px solid rgb(65,126,238,1);border-radius:6px;cursor:pointer;transition:all .2s ease}.modal-btn:hover{background-color:#417eee;transform:translateY(-1px);box-shadow:0 4px 8px #417eee;color:#fff}.modal-btn:active{transform:translateY(0);box-shadow:0 1px 3px #417eee}.modal-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;background-color:transparent!important}.modal-btn[data-type=outline]{background-color:transparent;color:#417eee;border:1px solid rgb(65,126,238,1)}.modal-btn[data-type=outline]:hover{opacity:.8;transform:translateY(-1px);box-shadow:0 4px 8px #417eee}.modal-btn[data-type=outline]:active{transform:translateY(0);box-shadow:0 1px 3px #417eee}.modal-btn[data-type=outline]:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;background-color:transparent!important}.switch{position:relative!important;display:inline-block!important;width:48px!important;height:28px!important;vertical-align:middle!important}.switch.disabled{opacity:.5!important;pointer-events:none!important}.switch input{opacity:0!important;width:0!important;height:0!important}.slider{position:absolute!important;cursor:pointer!important;inset:0!important;background-color:#e1e4e8!important;transition:.3s!important;border-radius:34px!important;box-shadow:0 1px 3px #417eee14!important}.slider:before{position:absolute!important;content:""!important;height:22px!important;width:22px!important;left:3px!important;bottom:3px!important;background-color:#fff!important;transition:.3s!important;border-radius:50%!important;box-shadow:0 2px 6px #417eee26!important}input:checked+.slider{background-color:#417eee!important}input:checked+.slider:before{transform:translate(20px)!important}.input-container{display:flex;flex-direction:column;gap:.5rem;width:100%;flex:1}.input-container label{font-size:.75rem;font-weight:500;color:var(--text-light)}.input-container input{border:1px solid #e0e0e0;border-radius:.25rem;padding-left:.5rem;font-size:.875rem;height:2.5rem}:is(.input-container input):read-only{background-color:#f0f0f0;cursor:not-allowed;outline:none}.input-container-icon{display:flex;flex-direction:column;gap:.5rem;width:100%}.input-container-icon label{font-size:.75rem;font-weight:500;color:var(--text-light)}.input-container-icon-wrapper{display:flex;align-items:center;gap:.75rem;border:1px solid #e0e0e0;border-radius:.25rem;padding:.5rem .5rem .5rem 1rem;font-size:.875rem;height:2.8rem}.input-container-icon-wrapper input{border:none;outline:none;width:100%;height:100%}.input-container-icon-wrapper button{background-color:transparent;border:none;outline:none;cursor:pointer}.select-container{display:flex;flex-direction:column;width:100%;flex:1}.select-container .ant-select-selector{border:none!important}.select-container .ant-select{padding:0!important}.select-container label{font-size:.75rem;font-weight:500;margin-bottom:.5rem;color:var(--text-light)}.select{border:1px solid #e0e0e0;border-radius:.25rem;padding:.5rem;font-size:.875rem;width:100%;height:2.5rem}.select-container select option{font-size:.875rem;width:100%}.file-upload-container{display:flex;flex-direction:column;width:100%;gap:.5rem;flex:1}.file-upload-container label{font-size:.75rem;font-weight:500;color:var(--text-light)}.file-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;border:1px dashed #f0f0f0;border-radius:10px;padding:3rem;height:100%;gap:1rem;cursor:pointer;transition:background .2s ease-in-out}.file-upload .icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;background-color:#f0f0f0;border-radius:50%}.file-upload .text{display:flex;flex-direction:column;align-items:center;justify-content:center}:is(.file-upload .text) p{font-size:.9rem;color:var(--text-light)}.file-upload.dragging{background:#f5f5f5;border-color:var(--primary-color)}.file-upload:hover{background:#f8f8f85e;border-color:#e6e5e3}.image-preview{display:flex;position:relative;width:100%;background-size:cover;background-position:center;box-shadow:0 1px 2px #0000001a;border-radius:.5rem;height:100%;max-height:30rem}.image-preview .delete-button{position:absolute;top:1rem;right:1rem;z-index:10;background-color:red}.image-preview .expand-button{position:absolute;top:50%;right:50%;transform:translate(50%,-50%);z-index:10}.image-preview-modal{width:100%}.confirm-root{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:5000}.confirm-modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:1.5rem;min-width:30rem;max-width:40rem;border-radius:10px}.confirm-title{margin-bottom:.5rem;font-size:2rem;font-weight:700}.confirm-message{margin-bottom:1rem;color:#0000009a}.confirm-buttons{display:flex;justify-content:flex-end;gap:10px;padding-top:3rem}.confirm-button{display:flex;gap:10px;color:#fff;background:#417eee;padding:.5rem 1rem;border:1px solid rgb(65,126,238,1);border-radius:5px}.cancel-button{display:flex;gap:10px;color:#417eee;background:#fff;padding:.5rem 1rem;border-radius:5px;border:1px solid rgb(65,126,238,1)}.checkbox-container{display:flex;cursor:pointer}input[type=checkbox]{display:none}.checkbox{width:24px;height:24px;border:2px solid rgb(238,237,237);border-radius:4px;margin-right:12px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.checkbox[data-checked=true]{background-color:var(--blue);border-color:var(--blue)}.protected-route-container{width:100%;display:flex;justify-content:center;align-items:center;padding:1rem}.option-select{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:30rem;gap:.5rem}.option-select .label{font-size:.75rem;font-weight:500;color:var(--text-light);display:flex;align-items:center;justify-content:flex-start;width:100%}.select-input{width:100%}.select-input>*{width:100%}.selected-option{display:flex;position:relative;width:100%;background-size:cover;background-position:center;box-shadow:0 1px 2px #0000001a;border-radius:.5rem;height:100%;flex-grow:1}.selected-option .selected-option-tag{position:absolute;top:1rem;right:.5rem;z-index:10}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;flex:1}.option{display:flex;align-items:flex-end;justify-content:center;cursor:pointer;border-radius:.5rem;box-shadow:0 1px 2px #0000001a;width:100%;overflow:hidden}.option .option-label{font-size:1rem;font-weight:600;color:var(--text-light);width:100%;background-color:var(--white);text-align:center;padding:.5rem}.form{display:flex;flex-direction:column;gap:1rem}.form-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;width:100%}.form-row>h6{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;margin-top:.5rem;color:var(--blue);border-bottom:1px solid var(--black-alpha-200);padding-bottom:5px}.form-row>*{flex:1}.form-footer{display:flex;justify-content:flex-end;margin-top:20px;margin-left:auto;width:fit-content;gap:.5rem}@media (max-width: 768px){.form-row{flex-direction:column}}.login-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100vw;background:linear-gradient(135deg,#f0f0f0,#1e3a8a);padding:20px;overflow:hidden;position:relative}.auth-card{width:100%;max-width:40rem;background-color:#fff9;padding:2rem;border-radius:1rem;box-shadow:0 0 10px #0000001a;z-index:1;gap:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.auth-card h2{margin-bottom:-.5rem}.auth-card p{margin-bottom:1rem;color:var(--text-light);font-size:.9rem}.login-page:before{content:"PROPOSALIST PROPOSALIST PROPOSALIST PROPOSALIST PROPOSALIST PROPOSALIST\aPROPOSALIST PROPOSALIST PROPOSALIST PROPOSALIST PROPOSALIST PROPOSALIST\aPROPOSALIST PROPOSALIST PROPOSALIST PROPOSALIST PROPOSALIST PROPOSALIST\aPROPOSALIST PROPOSALIST PROPOSALIST PROPOSALIST PROPOSALIST PROPOSALIST\aPROPOSALIST PROPOSALIST PROPOSALIST PROPOSALIST PROPOSALIST PROPOSALIST\aPROPOSALIST PROPOSALIST PROPOSALIST PROPOSALIST PROPOSALIST PROPOSALIST\aPROPOSALIST PROPOSALIST PROPOSALIST PROPOSALIST PROPOSALIST PROPOSALIST\aPROPOSALIST PROPOSALIST PROPOSALIST PROPOSALIST PROPOSALIST PROPOSALIST";position:absolute;top:0;left:0;width:100%;height:100%;font-size:150px;font-weight:700;color:#fff;opacity:.03;z-index:0;white-space:pre-line;pointer-events:none;line-height:1}.login-page-content,.forgot-password-section,.reset-code-section,.reset-password-section{display:flex;flex-direction:column;justify-content:center;gap:20px;width:100%;max-width:400px;min-height:400px;background-color:#fff9;padding:30px;border-radius:10px;box-shadow:0 0 10px #0000001a;z-index:1}@media (min-width: 768px){.login-page-content,.forgot-password-section,.reset-code-section,.reset-password-section{width:50vw;max-width:500px;height:50vw;max-height:500px}}@media (min-width: 1024px){.login-page-content,.forgot-password-section,.reset-code-section,.reset-password-section{width:30vw;height:30vw;max-width:500px;max-height:500px}}.reset-password-section{min-height:600px}.login-page-content{align-items:center;justify-content:center;padding:0 20px}.forgot-password-section p{font-size:14px;color:#666}.primary-login-btn{width:100%;padding:1.2rem 0;margin-top:1rem}.login-page-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.forgot-password-btn{background-color:transparent;border:none;color:#007bff;cursor:pointer}.hide{display:none}.error-message{color:#f14;font-size:12px;margin-top:-10px}main{overflow-y:auto;background:#fdfdfd!important}.sections{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5rem;width:100%;padding:2rem}section{padding:0!important;width:100%;max-width:1400px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1rem}section:last-child{padding-bottom:0!important}section h2{font-size:1.6rem;font-weight:800;font-family:Gambetta;letter-spacing:.05em;margin-bottom:-1rem}section>p{font-size:.9rem;font-weight:300;color:var(--text-light);margin:0!important;margin-bottom:1rem!important;max-width:1200px}section h3{font-size:1.3rem!important;font-weight:600}section h4{font-size:1.2rem!important;font-weight:700}section h5{font-size:1rem!important;font-weight:600}.row{display:flex;flex-direction:row;align-items:flex-start;width:100%;justify-content:center;gap:1rem}.column{display:flex;flex-direction:column;align-items:flex-start;width:100%;justify-content:center;gap:1.5rem}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw}.hamburger-menu{position:fixed;top:2rem;right:2rem;z-index:1000;box-shadow:0 0 10px #0000001a}.hamburger-menu-debug{position:fixed;top:2rem;right:5rem;z-index:1000}.header-container{height:75vh;width:100%;background-image:url(/assets/house_roof-ieY7RaXK.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:center;padding:4rem;margin-bottom:2rem}.header-container:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000,#000c)}.header-row{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;width:100%;gap:2rem;position:relative;z-index:100;max-width:1400px}.ion-header-logo{display:flex;align-items:center;justify-content:flex-start}.ion-header-logo img{width:20rem!important;height:100%;object-fit:contain}.customer-info{flex:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff5e;color:#fff;padding:1.5rem;max-width:40rem}.customer-header{font-size:1rem;font-weight:200;width:100%;margin-bottom:1rem;border-bottom:1px solid white}.customer-name{font-size:3rem!important;font-weight:500;width:100%}@media (max-width: 950px){.header-container{padding:2rem}.ion-header-logo{height:100%}.header-row{width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center}.customer-info{width:100%;max-width:100%}.customer-header{font-size:.9rem!important}.customer-name{font-size:2rem!important}}.roof-information-container{display:flex;flex-direction:row;gap:1rem;width:100%;height:100%}.section-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:1rem;width:100%}.section-container .header{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem}:is(.section-container .header) p{font-size:.9rem;font-weight:300;color:var(--text-light);margin:0!important;padding:0!important}:is(.section-container .header)>.icon{background-color:#f0f0f0;padding:1rem;border-radius:50%;display:flex;align-items:center;justify-content:center}:is(.section-container .header)>.details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.section-disclaimer{width:100%;text-align:center;margin-top:1rem}.section-disclaimer>p{color:var(--black-alpha-600);font-size:.7rem}@media (max-width: 768px){.roof-information-container{flex-direction:column;gap:3rem}}.warranty-container{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;width:100%;margin:5rem 0}.warranty-item{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem}.warranty-icon-container{background-color:#f0f0f0;width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.warranty-icon{width:2rem;height:2rem}.warranty-title{text-transform:uppercase}.warranty-description{font-size:14px;font-weight:300;line-height:1.5;color:var(--text-light);display:flex;align-items:center;justify-content:center;max-width:20rem;text-align:center}@media (max-width: 768px){.warranty-item{margin-bottom:20px}}.standard-work-items{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}.standard-work-item{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;width:100%;gap:1.5rem}.standard-work-item .icon{display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;border-radius:50%;padding:1rem}:is(.standard-work-item .icon) img{object-fit:contain;width:2rem;height:2rem}.standard-work-item .details{display:flex;flex-direction:column;gap:.5rem}:is(.standard-work-item .details) h5{margin:0!important}:is(.standard-work-item .details) p{font-size:.9rem!important;font-weight:300;color:var(--text-light);margin-bottom:0!important}@media (max-width: 720px){.standard-work-items{grid-template-columns:repeat(1,1fr)}}.home-value-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url(/assets/shingle_roof_image-C6F0KGwQ.jpeg);height:60vh;width:100%;border-radius:.5rem;box-shadow:0 0 10px #0000001a;padding:1rem}.home-value-container .content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60%;padding:4rem 2rem 2rem;gap:.5rem;background-color:#fff;position:relative;border-radius:1rem;box-shadow:0 0 10px #0000001a}:is(.home-value-container .content) .value-container{width:5rem;height:5rem;background-color:var(--blue);position:absolute;top:0;right:50%;transform:translate(50%,-50%);border-radius:50%;box-shadow:0 0 10px #0000001a;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:600}:is(.home-value-container .content) h2{font-size:1.8rem;font-weight:600;text-align:center;margin-bottom:1rem}:is(.home-value-container .content) h3{font-size:2rem;font-weight:600;text-align:center;margin:0!important;padding:0!important}:is(.home-value-container .content) .spacer{width:5rem;height:1px;background-color:#000;margin-bottom:1rem}:is(.home-value-container .content) p{font-size:1.1rem;font-weight:300;margin-bottom:1rem;text-align:center;max-width:50rem;line-height:1.5;color:var(--text-light)}.financing-options-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%}.financing-options-header{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;width:100%}.financing-options-header span{width:100%;flex:1;background:#fff;border-top:5px solid black;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 10px #0000001a;padding:1rem}:is(.financing-options-header span) p{margin:0;padding:0;font-size:1.1rem}:is(:is(.financing-options-header span) p):first-child{font-weight:700;font-size:2rem}.financing-options{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:1rem;width:100%}.financing-option{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%;border:1px solid #f0f0f0;border-radius:.5rem;padding:2.5rem;gap:.5rem;background:#fff;box-shadow:0 1px 2px #0000001a}.financing-option .financing-option-term{padding-bottom:2rem!important}.financing-option p{font-size:.9rem;font-weight:300;color:var(--text-light);margin:0!important;padding:0!important}.financing-option h3{font-size:1.5rem;font-weight:600;margin:0!important;padding:0!important}.financing-option h2{margin:1rem 0!important;padding:0!important}.financing-option h6{font-size:.9rem;font-weight:600;margin:0!important;padding:0!important}.financing-option .financing-option-title{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.financing-option .financing-option-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:1rem;padding:.5rem;border-bottom:1px solid #f0f0f0}:is(.financing-option .financing-option-row):last-child{border-bottom:none}@media (max-width: 720px){.financing-options{flex-direction:column}}footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;height:100%;width:100%;background:#fff;max-width:1400px;border:1px solid #f0f0f0;box-shadow:0 1px 2px #0000001a;padding:1.5rem 2rem;border-radius:.5rem}.closer-information{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.5rem;background:#fff;height:100%;width:100%;flex:1}.closer-information .closer-information-header{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}:is(.closer-information .closer-information-header) h4{margin:0}:is(.closer-information .closer-information-header) p{font-size:.9rem!important;color:var(--text-light);margin:0}.closer-information span{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;margin-top:.5rem}:is(.closer-information span) .closer-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--blue);color:#fff;border-radius:50%}:is(.closer-information span) .closer-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}:is(:is(.closer-information span) .closer-details) h6{font-size:.8rem;font-weight:500;color:var(--text-light);margin:0}:is(:is(.closer-information span) .closer-details) p{font-size:.9rem;font-weight:500;margin:0}.ion-information{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:1rem;height:100%;width:100%;flex:1}.ion-information .ion-information-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.ion-information .spacer{width:3rem;height:1px;background:#000}.ion-information img{width:10rem;height:100%;object-fit:contain}.ion-information .company-details{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:.5rem;margin-bottom:2rem}:is(.ion-information .company-details) h4{font-size:1.1rem;margin:0}:is(.ion-information .company-details) p{font-size:.9rem;color:var(--text-light);margin:0}.ion-information .footer-logos{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:1rem;width:100%}:is(.ion-information .footer-logos) img{height:3rem;width:auto;object-fit:contain}.ion-logo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;margin:auto;width:100%;flex:1}.ion-logo img{width:10rem;height:100%;object-fit:contain}.ion-logo .spacer{width:3rem;height:1px;background:#000}.proposal-id{opacity:.5;margin:0!important;padding:.5rem 0}@media (max-width: 720px){footer{flex-direction:column;gap:4rem}.ion-information,.ion-information .company-details{align-items:center;justify-content:center;text-align:center}.ion-information .footer-logos{justify-content:center;gap:1rem}.ion-logo{align-items:center}}.additional-work-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%}.work-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;padding:2rem;transition:all .3s ease;text-align:center;min-height:200px;box-shadow:0 1px 2px #0000001a}.work-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.work-card .card-icon{display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;border-radius:50%;width:5rem;height:5rem;margin-bottom:1.5rem;border:2px solid #e9ecef}.work-card .card-content{display:flex;flex-direction:column;align-items:center;gap:.5rem}:is(.work-card .card-content) h3{font-size:1.1rem;font-weight:600;color:#2c3e50;margin:0;text-transform:uppercase;letter-spacing:.5px}:is(.work-card .card-content) p{font-size:.9rem;font-weight:400;color:#6c757d;margin:0;line-height:1.4;text-align:center}@media (max-width: 1160px){.additional-work-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.additional-work-cards{grid-template-columns:1fr;gap:1rem}.work-card{padding:1.5rem;min-height:180px}.work-card .card-icon{width:4rem;height:4rem;margin-bottom:1rem}:is(.work-card .card-icon) img{width:2rem;height:2rem}.work-card .card-content h3{font-size:1rem}.work-card .card-content p{font-size:.85rem}}.form-layout{display:flex;flex-direction:column;gap:1rem}.form-layout-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;width:100%}.form-layout-row>h6{display:flex;align-items:center;justify-content:space-between;color:#8b8d93;font-size:14px;font-weight:600;margin-top:20px;margin-bottom:10px;border-bottom:1px solid #e1e1e1;padding-bottom:5px}.form-layout-row>*{flex:1}.form-layout-footer{display:flex;justify-content:flex-end;margin-top:20px;margin-left:auto;width:fit-content}@media (max-width: 768px){.form-layout-row{flex-direction:column}}html,body,#root,[class*=App],main,.app-container,.main-content{background-color:#f8f9fa!important;margin:0;padding:0}html,body{min-height:100%;height:100%}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif}#root,[class*=App]{min-height:100%}.roof-admin-container{max-width:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#333;background-color:#f8f9fa!important;min-height:100vh;position:relative;z-index:1;margin-top:3rem;width:100%}.roof-admin-container .ra-content{padding:40px 20px 20px;margin:0 auto;width:100%;max-width:1800px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center}.roof-admin-container h1{font-size:28px;font-weight:600;margin-bottom:30px;padding-right:240px;color:#417eee;text-align:center}.roof-admin-container .back-link{display:flex;align-items:center;color:#417eee;text-decoration:none;margin-bottom:20px;font-size:16px}.roof-admin-container .back-link:hover{text-decoration:underline}.roof-admin-container .back-link svg{margin-right:8px}.roof-admin-container .customer-headline{text-align:center;font-size:18px;margin-bottom:24px;color:#6c757d}.roof-admin-container .salesforce-link{display:block;margin-bottom:24px;text-align:right;position:absolute;top:30px;right:20px}.roof-admin-container .salesforce-link a{color:#6c757d;text-decoration:none;font-size:14px;font-weight:400;padding:6px 12px;border:1px solid #e1e4e8;border-radius:4px;transition:all .2s;background-color:#fff}.roof-admin-container .salesforce-link a:hover{background-color:#e8f0fe;color:#417eee;border-color:#417eee}.roof-admin-container .ra-custom-pricing-toggle{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.roof-admin-container .ra-custom-pricing-toggle .ra-toggle-label{margin-left:10px;font-size:14px;color:#6c757d}.roof-admin-container .ra-custom-pricing-toggle .ra-switch{position:relative;display:inline-block;width:46px;height:24px}.roof-admin-container .ra-custom-pricing-toggle .ra-switch input{opacity:0;width:0;height:0}.roof-admin-container .ra-custom-pricing-toggle .ra-switch input:checked+.ra-slider{background-color:#417eee}.roof-admin-container .ra-custom-pricing-toggle .ra-switch input:checked+.ra-slider:before{transform:translate(22px)}.roof-admin-container .ra-custom-pricing-toggle .ra-switch input:focus+.ra-slider{box-shadow:0 0 1px #417eee}.roof-admin-container .ra-custom-pricing-toggle .ra-switch .ra-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:24px}.roof-admin-container .ra-custom-pricing-toggle .ra-switch .ra-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.roof-admin-container .mock-customers-container{margin-bottom:24px;padding:16px;background-color:#fff;border:1px solid #e1e4e8;border-radius:8px;box-shadow:0 1px 3px #0000001a}.roof-admin-container .mock-customers-container .mock-customers-title{color:#6c757d;margin-bottom:12px;font-size:16px;text-align:center}.roof-admin-container .mock-customers-container .mock-customers-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.roof-admin-container .mock-customers-container .mock-customers-links a{color:#333;text-decoration:none;padding:8px 16px;border:1px solid #e1e4e8;border-radius:6px;font-size:14px;transition:all .2s}.roof-admin-container .mock-customers-container .mock-customers-links a:hover{background-color:#e8f0fe;border-color:#417eee}.roof-admin-container .mock-customers-container .mock-customers-links a.active{background-color:#e8f0fe;border-color:#417eee;color:#417eee;font-weight:500}.roof-admin-container .ra-accordion{margin-bottom:20px;width:100%;padding-right:240px}.roof-admin-container .ra-accordion .ra-accordion-item{margin-bottom:16px;border-radius:8px;overflow:hidden;background-color:#fff;box-shadow:0 1px 3px #0000001a;border:1px solid #e1e4e8;position:relative}.roof-admin-container .ra-accordion .ra-accordion-item .ra-accordion-header{padding:16px 20px;background-color:#fff;border-bottom:1px solid #e1e4e8;font-weight:500;font-size:18px;color:#fff;position:relative;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.roof-admin-container .ra-accordion .ra-accordion-item .ra-accordion-header:before{display:none}.roof-admin-container .ra-accordion .ra-accordion-item .ra-accordion-header .ra-btn-save{margin-left:15px;padding:6px 15px;font-size:15px;font-weight:500;height:auto;background-color:#fff;color:#417eee;border:1px solid rgb(65,126,238);border-radius:4px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a}.roof-admin-container .ra-accordion .ra-accordion-item .ra-accordion-header .ra-btn-save:hover{background-color:#e8f0fe;transform:translateY(-1px);box-shadow:0 3px 5px #00000026}.roof-admin-container .ra-accordion .ra-accordion-item .ra-accordion-header .ra-btn-save:disabled{background-color:#fff;border-color:#9fbef6;color:#9fbef6;cursor:not-allowed;transform:none;box-shadow:none}.roof-admin-container .ra-accordion .ra-accordion-item .ra-accordion-panel{padding:16px;background-color:#fff;display:none}.roof-admin-container .ra-accordion .ra-accordion-item .ra-accordion-panel.ra-accordion-panel-open{display:block}.roof-admin-container .ra-accordion .ra-accordion-item#customer-section .ra-accordion-header,.roof-admin-container .ra-accordion .ra-accordion-item#sales-section .ra-accordion-header,.roof-admin-container .ra-accordion .ra-accordion-item#sales-team-section .ra-accordion-header{background-color:#417eee}.roof-admin-container .ra-accordion .ra-accordion-item#roof-section .ra-accordion-header{background-color:#417eee;color:#fff}.roof-admin-container .ra-accordion .ra-accordion-item#adders-section .ra-accordion-header,.roof-admin-container .ra-accordion .ra-accordion-item#financing-section .ra-accordion-header,.roof-admin-container .ra-accordion .ra-accordion-item#proposals-section .ra-accordion-header{background-color:#417eee}.roof-admin-container .ra-side-nav{width:240px;position:fixed;right:0;top:0;bottom:0;background-color:#fff;border-radius:0;box-shadow:-2px 0 5px #0000001a;border-left:1px solid #e1e4e8;display:flex;flex-direction:column;z-index:100;height:100vh;overflow-y:auto}.roof-admin-container .ra-side-nav .ra-nav-title{padding:20px 16px;font-size:18px;font-weight:500;color:#333;border-bottom:1px solid #e1e4e8;margin-top:0;position:sticky;top:0;background-color:#fff;z-index:2}.roof-admin-container .ra-side-nav .ra-nav-items{flex:1;overflow-y:auto}.roof-admin-container .ra-side-nav .ra-nav-items .ra-nav-item{display:block;padding:14px 16px;color:#6c757d;text-decoration:none;border-bottom:1px solid #e1e4e8;font-size:14px;cursor:pointer;transition:all .2s;border-left:4px solid transparent}.roof-admin-container .ra-side-nav .ra-nav-items .ra-nav-item:hover{background-color:#e8f0fe}.roof-admin-container .ra-side-nav .ra-nav-items .ra-nav-item:last-child{border-bottom:none}.roof-admin-container .ra-side-nav .ra-nav-items .ra-nav-item.active{background-color:#e8f0fe;border-left-color:#417eee;color:#417eee;font-weight:500}.roof-admin-container .ra-side-nav .ra-nav-items .ra-nav-item.customer-nav:hover,.roof-admin-container .ra-side-nav .ra-nav-items .ra-nav-item.customer-nav.active,.roof-admin-container .ra-side-nav .ra-nav-items .ra-nav-item.sales-nav:hover,.roof-admin-container .ra-side-nav .ra-nav-items .ra-nav-item.sales-nav.active,.roof-admin-container .ra-side-nav .ra-nav-items .ra-nav-item.sales-team-nav:hover,.roof-admin-container .ra-side-nav .ra-nav-items .ra-nav-item.sales-team-nav.active,.roof-admin-container .ra-side-nav .ra-nav-items .ra-nav-item.roof-nav:hover,.roof-admin-container .ra-side-nav .ra-nav-items .ra-nav-item.roof-nav.active,.roof-admin-container .ra-side-nav .ra-nav-items .ra-nav-item.adders-nav:hover,.roof-admin-container .ra-side-nav .ra-nav-items .ra-nav-item.adders-nav.active,.roof-admin-container .ra-side-nav .ra-nav-items .ra-nav-item.financing-nav:hover,.roof-admin-container .ra-side-nav .ra-nav-items .ra-nav-item.financing-nav.active,.roof-admin-container .ra-side-nav .ra-nav-items .ra-nav-item.proposals-nav:hover,.roof-admin-container .ra-side-nav .ra-nav-items .ra-nav-item.proposals-nav.active{border-left-color:#417eee;color:#417eee}.roof-admin-container .ra-side-nav .ra-side-nav-actions{border-top:1px solid #e1e4e8}.roof-admin-container .ra-side-nav .ra-side-nav-custom-pricing{padding:.5rem 0;border-bottom:1px solid #e1e4e8;display:flex;align-items:center;justify-content:space-between}.roof-admin-container .ra-side-nav .ra-side-nav-custom-pricing .ra-toggle-label{font-size:14px;color:#333;margin-right:10px;flex-shrink:0}.roof-admin-container .ra-side-nav .ra-side-nav-custom-pricing .ra-switch{position:relative;display:inline-block;width:46px;height:24px;margin-left:auto;flex-shrink:0}.roof-admin-container .ra-side-nav .ra-side-nav-custom-pricing .ra-switch input{opacity:0;width:0;height:0}.roof-admin-container .ra-side-nav .ra-side-nav-custom-pricing .ra-switch input:checked+.ra-slider{background-color:#417eee}.roof-admin-container .ra-side-nav .ra-side-nav-custom-pricing .ra-switch input:checked+.ra-slider:before{transform:translate(22px)}.roof-admin-container .ra-side-nav .ra-side-nav-custom-pricing .ra-switch input:focus+.ra-slider{box-shadow:0 0 1px #417eee}.roof-admin-container .ra-side-nav .ra-side-nav-custom-pricing .ra-switch .ra-slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:24px}.roof-admin-container .ra-side-nav .ra-side-nav-custom-pricing .ra-switch .ra-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.roof-admin-container .ra-side-nav .ra-side-nav-action{display:flex;justify-content:center;align-items:center;margin:.5rem 0}.roof-admin-container .ra-side-nav .ra-side-nav-action button{width:100%}.roof-admin-container .ra-side-nav .ra-side-nav-salesforce{display:flex;justify-content:center;align-items:center;font-size:14px;padding:.5rem 0}.roof-admin-container .ra-side-nav .ra-side-nav-salesforce a{padding:8px 12px;color:#0070d2;margin-bottom:5px}.roof-admin-container .ra-side-nav .ra-side-nav-salesforce a:hover{text-decoration:underline!important}.roof-admin-container .ra-side-nav .ra-side-nav-salesforce:hover{background-color:#0070d21a;border-radius:4px}.roof-admin-container .ra-side-nav .ra-side-buttons{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.roof-admin-container .ra-side-nav .ra-btn-outline{width:100%;max-width:none;padding:1rem;font-size:15px;font-weight:500;background-color:transparent;color:#417eee;border:1px solid rgb(65,126,238);border-radius:6px;cursor:pointer;transition:all .2s ease}.roof-admin-container .ra-side-nav .ra-btn-outline:hover{background-color:#0000000a;transform:translateY(-1px);box-shadow:0 4px 8px #417eee66}.roof-admin-container .ra-side-nav .ra-btn-outline:active{transform:translateY(0);box-shadow:0 1px 3px #417eee4d}.roof-admin-container .ra-side-nav .ra-btn-outline:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;background-color:transparent!important}.roof-admin-container .ra-side-nav .ra-btn-create{width:100%;max-width:none;font-size:15px;font-weight:500;background-color:#417eee;color:#fff;border:1px solid rgb(65,126,238);border-radius:6px;cursor:pointer;transition:all .2s ease}.roof-admin-container .ra-side-nav .ra-btn-create:hover{background-color:#2a6eec;transform:translateY(-1px);box-shadow:0 4px 8px #417eee66}.roof-admin-container .ra-side-nav .ra-btn-create:active{transform:translateY(0);box-shadow:0 1px 3px #417eee4d}.roof-admin-container .ra-side-nav .ra-btn-create:disabled{background-color:#9fbef6;cursor:not-allowed;transform:none;box-shadow:none}.roof-admin-container .ra-form-grid{display:flex;flex-direction:column;gap:12px}.roof-admin-container .ra-form-grid .ra-section-title{display:flex;align-items:center;justify-content:space-between;color:#8b8d93;font-size:14px;font-weight:600;margin-top:20px;margin-bottom:10px;border-bottom:1px solid #e1e1e1;padding-bottom:5px}.roof-admin-container .ra-form-grid .ra-form-row{display:flex;flex-direction:row;gap:16px;width:100%;justify-content:space-between}.roof-admin-container .ra-form-grid .ra-form-row>.ra-form-group{flex:1}@media (max-width: 768px){.roof-admin-container .ra-form-grid .ra-form-row{flex-direction:column}}.roof-admin-container .ra-form-grid .ra-unassigned-message,.roof-admin-container .ra-form-grid .ra-loading-message,.roof-admin-container .ra-form-grid .ra-empty-message{padding:12px 16px;background-color:#417eee0d;border:1px dashed rgba(65,126,238,.3);border-radius:6px;text-align:center}.roof-admin-container .ra-form-grid .ra-unassigned-message p,.roof-admin-container .ra-form-grid .ra-loading-message p,.roof-admin-container .ra-form-grid .ra-empty-message p{margin:0;color:#6c757d;font-size:14px}.roof-admin-container .ra-form-grid .ra-form-group.ra-full-width{width:100%}.roof-admin-container .ra-form-grid .ra-form-group label{display:block;margin-bottom:8px;color:#6c757d;font-size:14px;font-weight:400}.roof-admin-container .ra-form-grid .ra-form-group select[name=pricePerSquare]{font-weight:500;height:44px;color:#333;padding-left:30px;background-position:calc(100% - 12px) center;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236c757d' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");background-repeat:no-repeat;background-size:12px;position:relative}.roof-admin-container .ra-form-grid .ra-form-group .financing-price-select-wrapper{position:relative}.roof-admin-container .ra-form-grid .ra-form-group .financing-price-select-wrapper:before{content:"$";position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#333;font-size:16px;font-weight:500;z-index:2}.roof-admin-container .ra-form-grid .ra-form-group input[name=pricePerSquare]{font-weight:500;height:44px;color:#333;padding-left:30px}.roof-admin-container .ra-form-grid .ra-form-group .ra-price-input-wrapper{position:relative}.roof-admin-container .ra-form-grid .ra-form-group .ra-price-input-wrapper:before{content:"$";position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#333;font-size:16px;font-weight:500;z-index:2}.roof-admin-container .ra-form-grid .ra-form-group.ra-checkbox-group{margin-bottom:0;border-top:none;padding-top:0;position:relative}.roof-admin-container .ra-form-grid .ra-form-group.ra-checkbox-group:not(:last-child){border-bottom:1px solid #e5e5e5;padding-bottom:10px;margin-bottom:10px}.roof-admin-container .ra-form-grid .ra-form-group.ra-checkbox-group .ra-checkbox-label{display:flex;align-items:center;color:#333;cursor:pointer;font-weight:400;padding:10px 0}.roof-admin-container .ra-form-grid .ra-form-group.ra-checkbox-group .ra-checkbox-label input[type=checkbox]{width:18px;height:18px;margin-right:8px;accent-color:rgb(65,126,238);position:absolute;opacity:0;cursor:pointer}.roof-admin-container .ra-form-grid .ra-form-group.ra-checkbox-group .ra-checkbox-label .ra-checkbox{width:24px;height:24px;border:2px solid rgb(238,237,237);border-radius:4px;margin-right:12px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.roof-admin-container .ra-form-grid .ra-form-group.ra-checkbox-group .ra-checkbox-label .ra-checkbox.checked{background-color:#417eee;border-color:#417eee}.roof-admin-container .ra-form-grid .ra-form-group.ra-checkbox-group .ra-checkbox-label .ra-checkbox.checked:after{content:"";display:block;width:6px;height:12px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.roof-admin-container .ra-form-grid .ra-form-group.ra-checkbox-group .ra-conditional-input{margin-top:0;padding-left:36px;margin-bottom:10px;position:relative}.roof-admin-container .ra-form-grid .ra-form-group.ra-checkbox-group .ra-conditional-input label{margin-top:5px;display:block;color:#8b8d93;margin-bottom:5px;font-size:14px}.roof-admin-container .ra-form-grid .ra-form-group.ra-checkbox-group .ra-conditional-input input{border:2px solid rgb(238,237,237);height:40px;border-radius:8px;padding-left:10px;width:100%;font-size:14px;box-sizing:border-box}.roof-admin-container .ra-form-grid .ra-form-group.ra-checkbox-group .ra-conditional-input input:focus{border-color:#417eee;outline:none}.roof-admin-container .ra-form-grid .ra-form-group.ra-checkbox-group .ra-conditional-input .ra-select-container{position:relative;width:100%;margin-bottom:10px}.roof-admin-container .ra-form-grid .ra-form-group.ra-checkbox-group .ra-conditional-input .ra-select-container:after{content:"";position:absolute;top:50%;right:15px;transform:translateY(-50%) rotate(45deg);width:8px;height:8px;border-right:2px solid #666;border-bottom:2px solid #666;pointer-events:none}.roof-admin-container .ra-form-grid .ra-form-group.ra-checkbox-group .ra-conditional-input .ra-checkbox-label{padding:5px 0}.roof-admin-container .ra-form-grid .ra-form-group.ra-checkbox-group .ra-conditional-input .ra-pricing-input{margin-top:15px}.roof-admin-container .ra-form-grid .ra-form-group.ra-checkbox-group .ra-conditional-input .ra-pricing-input label{font-weight:400;color:#6c757d;font-size:14px;margin-bottom:5px}.roof-admin-container .ra-form-grid .ra-form-group.ra-checkbox-group .ra-conditional-input .ra-pricing-input .ra-price-input-wrapper{position:relative}.roof-admin-container .ra-form-grid .ra-form-group.ra-checkbox-group .ra-conditional-input .ra-pricing-input .ra-price-input-wrapper .ra-currency-symbol{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#333;font-size:16px;font-weight:500}.roof-admin-container .ra-form-grid .ra-form-group.ra-checkbox-group .ra-conditional-input .ra-pricing-input .ra-price-input-wrapper input{padding-left:30px;font-size:16px;font-weight:500;color:#333;height:44px}.roof-admin-container .ra-form-grid .ra-form-group.ra-checkbox-group .ra-conditional-input .ra-pricing-input .ra-price-input-wrapper input.ra-readonly-input{background-color:#f8f9fa;cursor:not-allowed;border:1px solid rgb(210.5660377358,215.0094339623,220.9339622642);color:#333;opacity:.9}.roof-admin-container .ra-form-grid .ra-form-group.ra-checkbox-group .ra-conditional-input .ra-pricing-input .ra-price-input-wrapper input:focus{border-color:#417eee;box-shadow:0 0 0 2px #417eee33}.roof-admin-container .ra-form-grid .ra-form-group.ra-checkbox-group .ra-conditional-input .ra-pricing-input .ra-price-static{background-color:#f8f9fa;border:1px solid rgb(210.5660377358,215.0094339623,220.9339622642);border-radius:8px;padding:10px 16px;font-size:14px;color:#333;font-weight:500}.roof-admin-container .ra-form-grid .ra-financing-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;padding-bottom:16px}@media (max-width: 768px){.roof-admin-container .ra-form-grid .ra-financing-options{grid-template-columns:1fr}}.roof-admin-container .ra-table-container{overflow-x:auto;margin-bottom:16px;border-radius:6px;border:1px solid #e1e4e8}.roof-admin-container .ra-table-container .ra-tab-table{width:100%;border-collapse:collapse}.roof-admin-container .ra-table-container .ra-tab-table thead{font-weight:400}.roof-admin-container .ra-table-container .ra-tab-table thead th{position:sticky;top:0;z-index:1;background-color:#fff!important;padding:12px 16px;text-align:left;color:#333;border-bottom:2px solid #e1e4e8;font-weight:400}.roof-admin-container .ra-table-container .ra-tab-table tbody tr:nth-child(odd){background-color:#f8f9fa}.roof-admin-container .ra-table-container .ra-tab-table tbody tr:hover{background-color:#0000000a}.roof-admin-container .ra-table-container .ra-tab-table tbody tr.current-proposal{background-color:#e8f0fee6!important;border-left:3px solid rgb(65,126,238)}.roof-admin-container .ra-table-container .ra-tab-table tbody tr td{padding:12px 16px;text-align:left;border-bottom:1px solid #e1e4e8;border-right:1px solid #e1e4e8}.roof-admin-container .ra-table-container .ra-tab-table tbody tr td:last-child{border-right:none}.roof-admin-container .ra-table-container .ra-tab-table tbody tr td .current-label{display:flex;align-items:center;justify-content:center;background-color:#417eee;color:#fff;padding:6px 8px;border-radius:4px;font-size:12px;font-weight:500;text-align:center;height:100%;border:1px solid rgb(65,126,238)}.roof-admin-container .ra-table-container .ra-tab-table tbody tr td .ra-icon-btn{background:none;border:none;color:#6c757d;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:100%}.roof-admin-container .ra-table-container .ra-tab-table tbody tr td .ra-icon-btn:hover{background-color:#417eee1a;color:#417eee}.roof-admin-container .ra-table-container .ra-tab-table tbody tr td .ra-icon-btn.ra-delete-btn:hover{background-color:#dc35451a;color:#dc3545}.roof-admin-container .ra-table-container .ra-tab-table tbody tr td .ra-icon-btn[title="Copy Link"]:hover{background-color:#28a7451a;color:#28a745}.roof-admin-container .ra-table-container .ra-tab-table tbody tr td .ra-icon-btn:disabled{opacity:.5;cursor:not-allowed}.roof-admin-container .ra-table-container .ra-tab-table tbody tr td .ra-icon-btn:disabled:hover{background-color:transparent;color:#6c757d}.roof-admin-container .ra-table-container .ra-tab-table tbody tr td .ra-icon-btn i{font-size:16px}.roof-admin-container .ra-table-container .ra-tab-table tbody tr td .ra-action-btn{background-color:transparent;border:1px solid rgb(65,126,238);color:#417eee;border-radius:4px;padding:6px 8px;font-size:12px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;width:100%}.roof-admin-container .ra-table-container .ra-tab-table tbody tr td .ra-action-btn:hover{background-color:#417eee;color:#fff}.roof-admin-container .ra-table-container .ra-tab-table tbody tr td .ra-action-btn:disabled{opacity:.5;cursor:not-allowed}.roof-admin-container .ra-table-container .ra-tab-table tbody tr td .ra-action-btn:disabled:hover{background-color:transparent;color:#417eee}.roof-admin-container .ra-table-container .ra-tab-table tbody tr td .ra-action-btn.ra-set-current-btn{background-color:#fff;border-color:#417eee;color:#417eee}.roof-admin-container .ra-table-container .ra-tab-table tbody tr td .ra-action-btn.ra-set-current-btn:hover{background-color:#417eee;color:#fff}.roof-admin-container .ra-table-container .ra-tab-table tbody tr td .ra-sync-btn{background-color:transparent;border:1px solid rgb(65,126,238);color:#417eee;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.roof-admin-container .ra-table-container .ra-tab-table tbody tr td .ra-sync-btn:hover{background-color:#417eee;color:#fff}.roof-admin-container .ra-table-container .ra-tab-table tbody tr td .ra-sync-btn:disabled{opacity:.5;cursor:not-allowed}.roof-admin-container .ra-table-container .ra-tab-table tbody tr td .ra-sync-btn:disabled:hover{background-color:transparent;color:#417eee}.roof-admin-container .ra-table-container .ra-tab-table tbody tr td .ra-sync-btn i{font-size:12px}.roof-admin-container .ra-btn{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-weight:500;transition:all .2s;font-size:14px}.roof-admin-container .ra-btn.ra-btn-primary{background-color:#417eee;color:#fff}.roof-admin-container .ra-btn.ra-btn-primary:hover{background-color:#155fe7}.roof-admin-container .ra-btn.ra-btn-success{color:#28a745;border:1px solid #28a745;background:#fff}.roof-admin-container .ra-btn.ra-btn-success:hover{background:#28a745;color:#fff}.roof-admin-container .ra-btn.ra-btn-danger{color:#dc3545;border:1px solid #dc3545;background:#fff}.roof-admin-container .ra-btn.ra-btn-danger:hover{background:#dc3545;color:#fff}.roof-admin-container .ra-btn.ra-btn-create{background-color:#417eee;color:#fff;padding:12px 24px;font-size:16px;height:auto;width:100%;max-width:250px;border-radius:6px}.roof-admin-container .ra-btn.ra-btn-create:hover{background-color:#155fe7;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.roof-admin-container .ra-btn.ra-btn-create:disabled{background-color:#6c757d;cursor:not-allowed}.roof-admin-container .ra-action-buttons{display:flex;justify-content:center;margin-top:24px;padding:16px 0}.roof-admin-background-fix{position:fixed;inset:0;background-color:#f8f9fa;z-index:-1}@media (min-width: 1200px){.roof-admin-container{margin-top:0}.roof-admin-container .ra-side-nav{display:flex!important;z-index:3000}}@media (max-width: 1200px){.roof-admin-container .ra-content{margin:0 auto;max-width:100%;padding:40px 20px 20px}.roof-admin-container h1,.roof-admin-container .ra-accordion{padding-right:0}.roof-admin-container .ra-side-nav{display:none;z-index:3000}}@media (max-width: 768px){.roof-admin-container .ra-content{padding:20px 15px}}.ra-financing-breakdown{margin-top:24px}.ra-financing-breakdown h3{font-size:18px;font-weight:500;margin-bottom:20px;color:#333!important}.ra-financing-breakdown h4{font-size:16px;font-weight:500;margin:0 0 12px;color:#333;text-align:center}.ra-financing-breakdown .ra-financing-breakdown-base{background-color:#fff;border-radius:6px;padding:16px;margin-bottom:30px;box-shadow:0 1px 3px #0000001a;border:1px solid #e1e4e8}.ra-financing-breakdown .ra-breakdown-item{display:flex;justify-content:space-between}.ra-financing-breakdown .ra-breakdown-item span:first-child{color:#6c757d}.ra-financing-breakdown .ra-breakdown-item span:last-child{font-weight:500}.ra-financing-breakdown .ra-breakdown-item.ra-breakdown-total{margin-top:8px;padding-top:12px;border-top:1px dashed #e1e4e8}.ra-financing-breakdown .ra-breakdown-item.ra-breakdown-total span:first-child{font-weight:500;color:#333}.ra-financing-breakdown .ra-breakdown-item.ra-breakdown-total span:last-child{font-weight:600;color:#417eee;font-size:18px}.ra-financing-breakdown .ra-breakdown-item.ra-monthly-payment span:last-child{font-weight:600;color:#417eee;font-size:18px}.ra-financing-breakdown .ra-breakdown-item.ra-breakdown-adder-item{padding:.3rem 0;display:flex;align-items:center;justify-content:flex-start}.ra-financing-breakdown .ra-breakdown-item.ra-breakdown-adder-item span:first-child{font-style:italic;margin-right:auto}.ra-financing-breakdown .ra-breakdown-section-title{color:var(--black-alpha-900);font-weight:500;font-size:.9rem;padding:8px 0 4px}.ra-financing-options-container{display:grid;grid-template-columns:1fr 1fr;gap:30px}@media (max-width: 768px){.ra-financing-options-container{grid-template-columns:1fr;gap:24px}}.ra-financing-options-container .ra-financing-option-column{display:flex;flex-direction:column}.ra-financing-options-container .ra-financing-option-column h4{color:#333;font-weight:500;margin-bottom:12px;text-align:center}.ra-financing-options-container .ra-form-group{margin-bottom:16px}.ra-financing-options-container .ra-form-group select{width:100%;padding:10px 12px;border:1px solid #e1e4e8;border-radius:6px;font-size:14px;background-color:#fff;height:42px;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236c757d' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}.ra-financing-options-container .ra-form-group select:focus{border-color:#417eee;outline:none;box-shadow:0 0 0 2px #417eee33}.ra-financing-options-container .ra-financing-details-card{background-color:#fff;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px #0000001a;flex-grow:1;display:flex;flex-direction:column;border:1px solid #e1e4e8}.ra-financing-options-container .ra-financing-details-card .ra-financing-option-name{padding:12px 16px;font-size:15px;text-align:center;font-weight:500;color:#333;border-bottom:1px solid #e1e4e8;background-color:#f8f9fa}.ra-financing-options-container .ra-financing-details-card .ra-financing-details{padding:16px;flex-grow:1}.ra-financing-options-container .ra-financing-details-card .ra-financing-details .ra-monthly-payment{margin-top:12px;padding-top:12px;border-top:1px dashed #e1e4e8}.ra-financing-options-container .ra-no-financing-message{background-color:#fff;border-radius:6px;padding:24px 16px;text-align:center;box-shadow:0 1px 3px #0000001a;flex-grow:1;display:flex;align-items:center;justify-content:center;border:1px solid #e1e4e8;min-height:120px}.ra-financing-options-container .ra-no-financing-message p{color:#6c757d;margin:0}.ra-side-nav-actions-menu{position:relative}.ra-side-nav-actions-menu .ra-btn-actions{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#fff;border:none;border-bottom:1px solid #e1e4e8;color:#333;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;background:#f8f9fa;border-radius:0}.ra-side-nav-actions-menu .ra-btn-actions:hover{background-color:#e8f0fe}.ra-side-nav-actions-menu .ra-btn-actions i{font-size:12px;color:#6c757d;transition:transform .2s}.ra-side-nav-actions-menu .ra-btn-actions .ra-chevron{transition:transform .3s cubic-bezier(.4,0,.2,1);display:inline-block;margin-left:.5rem}.ra-side-nav-actions-menu .ra-btn-actions .ra-chevron.ra-chevron-open{transform:rotate(180deg)}.ra-side-nav-actions-menu .ra-btn-actions.ra-actions-open{background-color:#417eee1a}.ra-side-nav-actions-menu .ra-actions-submenu{background-color:#f8f9fa;border-bottom:1px solid #e1e4e8;padding:0 .5rem;width:100%;overflow:hidden;max-height:0;opacity:0;transform:translateY(-8px);transition:all .3s cubic-bezier(.4,0,.2,1)}.ra-side-nav-actions-menu .ra-actions-submenu.ra-submenu-open{max-height:200px;opacity:1;transform:translateY(0)}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:200px;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;max-height:200px;transform:translateY(0)}to{opacity:0;max-height:0;transform:translateY(-8px)}}.ra-adders-section{display:flex;flex-direction:column;align-items:flex-start;gap:20px}@media (min-width: 992px){.ra-adders-section{flex-direction:row}}.ra-adders-section .ra-adders-search{flex:1;display:flex;flex-direction:column;gap:10px}.ra-adders-section .ra-adders-search h4{font-size:18px;margin-bottom:15px;color:#333}.ra-adders-section .ra-adders-search .ra-search-container{position:relative;margin-bottom:20px}.ra-adders-section .ra-adders-search .ra-search-container .ra-search-input{width:100%;padding:10px 15px 10px 40px;border:1px solid #e1e4e8;border-radius:6px;font-size:14px}.ra-adders-section .ra-adders-search .ra-search-container .ra-search-input:focus{outline:none;border-color:#417eee;box-shadow:0 0 0 2px #417eee33}.ra-adders-section .ra-adders-search .ra-search-container .ra-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#6c757d}.ra-adders-section .ra-adders-search .ra-available-adders{display:flex;flex-direction:column;gap:12px;max-height:700px;overflow:auto}.ra-adders-section .ra-selected-adders{flex:1;padding-left:20px}.ra-adders-section .ra-selected-adders h4{font-size:18px;margin-bottom:15px;color:#333}.ra-adders-section .ra-selected-adders .ra-no-selected-adders{padding:15px;background-color:#f8f9fa;border-radius:6px;text-align:center;color:#6c757d}.ra-adders-section .ra-selected-adders .ra-selected-adders-list{display:flex;flex-direction:column;gap:15px;max-height:700px;overflow-y:auto;padding-right:10px}.ra-adders-section .ra-selected-adders .ra-selected-adders-list::-webkit-scrollbar{width:6px}.ra-adders-section .ra-selected-adders .ra-selected-adders-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.ra-adders-section .ra-selected-adders .ra-selected-adders-list::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.ra-adders-section .ra-selected-adders .ra-selected-adders-list::-webkit-scrollbar-thumb:hover{background:#aaa}.ra-adders-section .ra-selected-adders .ra-adders-total{display:flex;justify-content:space-between;font-weight:700;margin-top:20px;padding-top:15px;border-top:1px solid #e1e4e8}.ra-roof-type-details{color:#666;font-size:14px;width:50%}.ra-adder-card{background-color:#fff;border:1px solid #e1e4e8;border-radius:6px;padding:15px;transition:all .2s;box-shadow:0 1px 2px #0000000d;cursor:grab}.ra-adder-card:hover{border-color:#417eee;box-shadow:0 3px 8px #0000001a}.ra-adder-card.ra-adder-selected{border-color:#417eee;background-color:#e8f0fe}.ra-adder-card.ra-dragging{opacity:.5;transform:rotate(5deg)}.ra-adder-card .ra-adder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ra-adder-card .ra-adder-header .ra-adder-title-with-drag{display:flex;align-items:center;gap:8px;flex:1}.ra-adder-card .ra-adder-header .ra-adder-title-with-drag .ra-drag-handle{cursor:grab;color:#9ca3af;padding:4px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.ra-adder-card .ra-adder-header .ra-adder-title-with-drag .ra-drag-handle:hover{color:#417eee;background-color:#417eee1a}.ra-adder-card .ra-adder-header .ra-adder-title-with-drag .ra-drag-handle:active{cursor:grabbing}.ra-adder-card .ra-adder-header h3{font-size:16px;font-weight:500;margin:0}.ra-adder-card .ra-adder-header .ra-adder-actions{display:flex;gap:8px}.ra-adder-card .ra-adder-header .ra-adder-actions button,.ra-adder-card .ra-add-adder-btn{cursor:pointer!important}.ra-adder-card .ra-adder-description{font-size:14px;color:#6c757d;margin-bottom:10px}.ra-adder-card .ra-adder-details{border-top:1px solid #e1e4e8;padding-top:10px;margin-top:10px}.ra-adder-card .ra-adder-details .ra-adder-price{font-weight:500;color:#417eee}.ra-droppable-area{min-height:100px;position:relative;transition:background-color .2s ease}.ra-drag-overlay{transform:rotate(5deg);box-shadow:0 8px 25px #0003;opacity:.9;z-index:1000}.ra-selected-adder-item{background-color:#fff;border:1px solid #e1e4e8;border-radius:6px;padding:15px}.ra-selected-adder-item .ra-selected-adder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ra-selected-adder-item .ra-selected-adder-header .ra-selected-adder-name{font-weight:500;font-size:16px}.ra-selected-adder-item .ra-selected-adder-header .ra-selected-adder-actions{display:flex;gap:8px}.ra-selected-adder-item .ra-selected-adder-details{display:flex;flex-direction:column;gap:8px}.ra-selected-adder-item .ra-selected-adder-details>div{display:flex;justify-content:space-between}.ra-selected-adder-item .ra-selected-adder-details>div span:first-child{color:#6c757d}.ra-btn{padding:8px 12px;border:none;border-radius:4px;cursor:pointer;transition:all .2s;font-size:14px}.ra-btn.ra-btn-primary{background-color:#417eee;color:#fff}.ra-btn.ra-btn-primary:hover{background-color:#155fe7}.ra-btn.ra-btn-secondary{background-color:#e9ecef;color:#333}.ra-btn.ra-btn-secondary:hover{background-color:#dadfe4}.ra-btn.ra-btn-sm{padding:5px 10px;font-size:12px}.ra-btn.ra-btn-icon{width:30px;height:30px;padding:0;display:flex;align-items:center;justify-content:center}.ra-btn.ra-btn-edit{background-color:#e3e3e3b4;color:#000}.ra-btn.ra-btn-edit:hover{background-color:#dadfe4}.ra-btn.ra-btn-remove{background-color:#dc35451a;color:#dc3545}.ra-btn.ra-btn-remove:hover{background-color:#dc354533}.ra-btn.ra-btn-edit-adder,.ra-btn.ra-btn-remove-adder{display:flex;align-items:center;gap:5px;font-size:12px}.ra-btn.ra-btn-edit-adder{background-color:#e9ecef;color:#333}.ra-btn.ra-btn-edit-adder:hover{background-color:#dadfe4}.ra-btn.ra-btn-remove-adder{background-color:#dc35451a;color:#dc3545}.ra-btn.ra-btn-remove-adder:hover{background-color:#dc354533}.ra-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:5000}.ra-modal{background-color:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 5px 15px #0000004d}.ra-modal .ra-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e1e4e8}.ra-modal .ra-modal-header h3{margin:0;font-size:18px}.ra-modal .ra-modal-header .ra-modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:#6c757d}.ra-modal .ra-modal-header .ra-modal-close:hover{color:#333}.ra-modal .ra-modal-content{padding:20px}.ra-modal .ra-modal-content form{display:flex;flex-direction:column;gap:15px}.ra-modal .ra-modal-content .ra-input-with-button{display:flex;gap:10px}.ra-modal .ra-modal-content .ra-input-with-button input{flex:1}.ra-modal .ra-modal-content .ra-price-input-wrapper{position:relative;width:100%}.ra-modal .ra-modal-content .ra-price-input-wrapper .ra-currency-symbol{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:16px;color:#333;z-index:1}.ra-modal .ra-modal-content .ra-price-input-wrapper input{width:100%;padding-left:28px}.ra-modal .ra-modal-content .ra-total-calculation{margin-top:10px;padding-top:15px;border-top:1px solid #e1e4e8}.ra-modal .ra-modal-content .ra-total-calculation .ra-total-amount{font-weight:700;font-size:18px;color:#417eee}.ra-modal .ra-modal-footer{padding:15px 20px;border-top:1px solid #e1e4e8;display:flex;justify-content:flex-end;gap:10px}.ra-save-customer-row{margin-top:20px;display:flex;justify-content:flex-end;border-top:1px solid #e1e4e8;padding-top:20px}.ra-btn-save-customer{padding:10px 20px;background-color:#417eee;color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .2s;font-size:16px}.ra-btn-save-customer:hover{background-color:#155fe7}.ra-btn-save-customer:disabled{background-color:#cdddfb;cursor:not-allowed}.ra-financing-details-card-actions{display:flex;justify-content:flex-start;margin-top:1rem}.ra-checkbox-group{margin-bottom:0;border-top:none;padding-top:0;position:relative}.ra-checkbox-group:not(:last-child){border-bottom:1px solid #e5e5e5;padding-bottom:10px;margin-bottom:10px}.ra-checkbox-group .ra-checkbox-label{display:flex;align-items:center;color:#333;cursor:pointer;font-weight:400;padding:10px 0}.ra-checkbox-group .ra-checkbox-label input[type=checkbox]{width:18px;height:18px;margin-right:8px;accent-color:rgb(65,126,238);position:absolute;opacity:0;cursor:pointer}.ra-checkbox-group .ra-checkbox-label .ra-checkbox{width:24px;height:24px;border:2px solid rgb(238,237,237);border-radius:4px;margin-right:12px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.ra-checkbox-group .ra-checkbox-label .ra-checkbox.checked{background-color:#417eee;border-color:#417eee}.ra-checkbox-group .ra-checkbox-label .ra-checkbox.checked:after{content:"";display:block;width:6px;height:12px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.ra-checkbox-group .ra-conditional-input{margin-top:0;padding-left:36px;margin-bottom:10px;position:relative}.ra-checkbox-group .ra-conditional-input label{margin-top:5px;display:block;color:#8b8d93;margin-bottom:5px;font-size:14px}.ra-checkbox-group .ra-conditional-input input{border:2px solid rgb(238,237,237);height:40px;border-radius:8px;padding-left:10px;width:100%;font-size:14px;box-sizing:border-box}.ra-checkbox-group .ra-conditional-input input:focus{border-color:#417eee;outline:none}.ra-checkbox-group .ra-conditional-input .ra-select-container{position:relative;width:100%;margin-bottom:10px}.ra-checkbox-group .ra-conditional-input .ra-select-container select{width:100%;height:40px;font-size:14px;padding:0 30px 0 10px;border:2px solid rgb(238,237,237);border-radius:8px;background-color:#fff;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.ra-checkbox-group .ra-conditional-input .ra-select-container select:focus{border-color:#417eee;outline:none}.ra-checkbox-group .ra-conditional-input .ra-select-container:after{content:"";position:absolute;top:50%;right:15px;transform:translateY(-50%) rotate(45deg);width:8px;height:8px;border-right:2px solid #666;border-bottom:2px solid #666;pointer-events:none}.ra-checkbox-group .ra-conditional-input .ra-checkbox-label{padding:5px 0}.ra-checkbox-group .ra-conditional-input .ra-pricing-input{margin-top:15px}.ra-checkbox-group .ra-conditional-input .ra-pricing-input label{font-weight:400;color:#6c757d;font-size:14px;margin-bottom:5px}.ra-checkbox-group .ra-conditional-input .ra-pricing-input .ra-price-input-wrapper{position:relative}.ra-checkbox-group .ra-conditional-input .ra-pricing-input .ra-price-input-wrapper .ra-currency-symbol{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#333;font-size:16px;font-weight:500}.ra-checkbox-group .ra-conditional-input .ra-pricing-input .ra-price-input-wrapper input{padding-left:30px;font-size:16px;font-weight:500;color:#333;height:44px}.ra-checkbox-group .ra-conditional-input .ra-pricing-input .ra-price-input-wrapper input.ra-readonly-input{background-color:#f8f9fa;cursor:not-allowed;border:1px solid rgb(210.5660377358,215.0094339623,220.9339622642);color:#333;opacity:.9}.ra-checkbox-group .ra-conditional-input .ra-pricing-input .ra-price-input-wrapper input:focus{border-color:#417eee;box-shadow:0 0 0 2px #417eee33}.ra-checkbox-group .ra-conditional-input .ra-pricing-input .ra-price-static{background-color:#f8f9fa;border:1px solid rgb(210.5660377358,215.0094339623,220.9339622642);border-radius:8px;padding:10px 16px;font-size:14px;color:#333;font-weight:500}.ra-accordion-button{background:#ffffff1f;border:none;color:#333;font-size:16px;font-weight:500;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:8px;height:2rem;width:2rem}.ra-accordion-button:hover{background:#fff3}.ra-action-button{display:flex;align-items:center;justify-content:center;gap:8px}.ra-financing-options-header{display:flex;align-items:center;justify-content:space-between;gap:8px;height:50px}.ra-financing-options-header h4{font-weight:600!important;margin:0!important}.roof-specifications-section{display:flex;flex-direction:column;gap:1rem}.roof-specifications-section>.section-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:2rem;padding:.5rem}:is(.roof-specifications-section>.section-row)>.section-row-item{flex:1;border-bottom:1px solid #f0f0f0;display:flex;align-items:space-between;justify-content:space-between}:is(:is(.roof-specifications-section>.section-row)>.section-row-item) p{font-size:.9rem!important;font-weight:300;color:var(--text-light);margin:0!important;padding:0!important}:is(:is(.roof-specifications-section>.section-row)>.section-row-item)>h6{font-size:.9rem;font-weight:600}.roof-adders-section{display:flex;flex-direction:column;gap:1rem}.roof-adders-section-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem;border-bottom:1px solid #f0f0f0;padding-bottom:1rem}.roof-adders-section-item .tag{text-transform:capitalize;padding:0!important}.roof-adders-section-item:last-child{border-bottom:none}.roof-adders-section-item>.card-icon{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0}.roof-adders-section-item>.card-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}:is(.roof-adders-section-item>.card-details)>p{font-size:.9rem!important;font-weight:300;color:var(--text-light)}.roof-footer-section{display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;max-width:50rem;width:100%;gap:2rem}.roof-footer-section p{font-size:.7rem!important;font-weight:300;color:var(--text-light)}@media (max-width: 768px){.roof-specifications-section>.section-row{flex-direction:column;align-items:flex-start;justify-content:flex-start}:is(.roof-specifications-section>.section-row)>.section-row-item{width:100%}}.lds-ellipsis{color:#1c4c5b}.lds-ellipsis,.lds-ellipsis div{box-sizing:border-box}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33.33333px;width:13.33333px;height:13.33333px;border-radius:50%;background:currentColor;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}.admin-header{display:flex;justify-content:center;align-items:center;position:relative;width:100%;position:fixed;top:0;left:0;z-index:3;padding:1rem;background-color:#f8f9fa}.admin-header h1{margin-bottom:0}.admin-header-menu-button{position:absolute;top:0;left:0;z-index:3;transform:translate(50%,50%)}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--black-alpha-500);z-index:5}@media (min-width: 1200px){.admin-header{position:relative;padding-top:0;padding-bottom:3rem}.admin-header-menu-button,.overlay{display:none!important}}.roof-type-colors-container{display:flex;flex-direction:row;height:30rem;width:100%;gap:1rem}.roof-type-selected-color{display:flex;flex-direction:column;border:1px solid var(--black-alpha-200);border-radius:1rem;overflow:hidden;flex:1;height:100%}.roof-type-selected-color .selected-color-image{display:flex;width:100%;height:100%;position:relative}:is(.roof-type-selected-color .selected-color-image)>.image{width:100%;background-size:cover;background-position:center;background-repeat:no-repeat}:is(.roof-type-selected-color .selected-color-image) .selected-color-tag{position:absolute;top:.5rem;right:.5rem}.roof-type-selected-color .selected-color-details{display:flex;flex-direction:column;padding:1rem;position:relative;background-color:var(--white);gap:.5rem}:is(.roof-type-selected-color .selected-color-details) .selected-roof-type-name{font-weight:600}:is(.roof-type-selected-color .selected-color-details) .selected-color-description{font-size:.8rem;font-weight:400;color:var(--black-alpha-600)}:is(.roof-type-selected-color .selected-color-details) .selected-color-base-price{font-size:.9rem;font-weight:400;color:var(--black-alpha-900)}:is(.roof-type-selected-color .selected-color-details) .selected-color-name{font-size:.9rem;font-weight:400;color:var(--black-alpha-900)}.roof-type-color-options{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;flex:1}.roof-type-color-options .roof-type-color-option{display:flex;flex-direction:column;cursor:pointer;width:100%;border-radius:1rem;border:1px solid var(--black-alpha-200);overflow:hidden;transition:all .15s ease}:is(.roof-type-color-options .roof-type-color-option) .roof-type-color-option-image{display:flex;width:100%;flex:1}:is(:is(.roof-type-color-options .roof-type-color-option) .roof-type-color-option-image)>.image{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}:is(.roof-type-color-options .roof-type-color-option) .roof-type-color-option-details{padding:1rem;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}:is(.roof-type-color-options .roof-type-color-option):hover{border-color:var(--black-alpha-300);box-shadow:0 0 10px #0000001a;transform:scale(1.01) translateY(-.1rem)}.roof-type-color-disclaimer{font-size:.6rem;font-weight:400;color:var(--black-alpha-600)}@media (max-width: 768px){.roof-type-colors-container{flex-direction:column;height:70vh}.roof-type-selected-color,.roof-type-color-options{flex:2}}.not-found-page{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh;width:100vw;background-color:#f0f0f0;gap:1rem}.dashboard{height:100vh;display:flex;overflow:hidden;background:#fdfdfd!important}.dashboard-content{display:flex;flex-direction:column;flex-grow:1;padding:2rem;overflow-y:auto;gap:2rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;text-transform:capitalize}.dashboard-card{display:flex;flex-direction:column;background-color:var(--white);border-radius:.5rem;padding:2rem;border:1px solid var(--black-alpha-50);gap:1rem;box-shadow:0 1px 2px #0000001a}.dashboard-card-header{display:flex;justify-content:space-between;align-items:center}.dashboard-card-header h3{font-size:1.5rem;flex:1}.dashboard-card-body{display:flex;flex-direction:column;gap:1rem}@media (max-width: 1000px){.dashboard{flex-direction:column}.dashboard-content,.dashboard-card{padding:1rem}}.menu{background-color:#fff;display:flex;flex-direction:column;min-width:16rem;padding:.3rem;border-right:1px solid var(--black-alpha-50);box-shadow:0 1px 2px #0000001a}.menu[data-collapsed=true]{min-width:auto}:is(.menu[data-collapsed=true] .menu-header) img{width:2rem}.menu[data-collapsed=true] .menu-section-title{display:none}.menu[data-collapsed=true] .menu-footer-user{justify-content:center}:is(.menu[data-collapsed=true] .menu-footer-user) .user-details{display:none}.menu-header{display:flex;justify-content:center;align-items:center;padding:3rem 0rem}.menu-header img{width:3rem;filter:invert(1)}.menu-header>button{display:none}.menu-body{flex-grow:1;display:flex;flex-direction:column}.menu-section-title{font-size:.8rem;color:var(--black-alpha-600);font-weight:600;padding:0 1rem}.menu-links{display:flex;flex-direction:column;gap:.5rem}.menu-link{display:flex;justify-content:flex-start;align-items:center;font-weight:500}.menu-footer{display:flex;flex-direction:column;gap:.5rem}.menu-footer-link{display:flex;justify-content:flex-start;align-items:center;gap:.5rem}.menu-footer-user{display:flex;justify-content:flex-start;align-items:center;gap:.5rem;padding:1rem;border:1px solid var(--black-alpha-50);border-radius:.5rem}.menu-footer-user>.user-details{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.2rem}:is(.menu-footer-user>.user-details)>.user-name{font-size:.9rem;font-weight:600}:is(.menu-footer-user>.user-details)>.user-email{font-size:.7rem;color:var(--black-alpha-600);max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1000px){.menu{width:100%}.menu[data-open=true]{position:fixed;top:0;left:0;height:100vh;width:100%;z-index:1000}.menu-collapse-button{display:none}.menu-header{justify-content:space-between;padding:1rem}.menu-header>img{width:2rem}.menu-header>button{display:block}.menu-body{display:none}.menu-body[data-open=true]{display:flex;width:100%}.menu-body[data-open=true]>.menu-links{flex-grow:1}.menu-footer{display:none}.menu-footer[data-open=true]{display:flex}}.customer-container{display:flex;align-items:center;flex-direction:row;gap:1rem}.customer-avatar{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.customer-details{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.customer-details>p:last-child{font-size:.8rem;color:var(--black-alpha-600)}.date-container,.proposals-container,.address-container{display:flex;align-items:center;justify-content:flex-start;gap:.3rem}.table-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.table-header-left{display:flex;align-items:center;justify-content:flex-start;gap:.5rem}.filter-popover{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.25rem;padding:.5rem;width:20rem}.filter-popover-header{display:flex;align-items:center;justify-content:flex-start;gap:1rem;width:100%;display:none}.filter-popover-header>h6{font-size:1rem;font-weight:600}.filter-popover-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.5rem;width:100%}.filter-popover-item>select{width:100%}.filter-popover-item>p{font-size:.8rem;margin-bottom:-.25rem;font-weight:500;color:var(--black-alpha-700)}.filter-popover-footer{display:flex;align-items:center;justify-content:flex-end;margin-top:1rem;gap:.5rem;width:100%}.tab-section{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.tab-section-header{display:flex;justify-content:space-between;align-items:center}.tab-section-body{display:flex;flex-direction:column;gap:1rem}.tab-section-row{display:flex;flex-direction:row;gap:1rem;width:100%;max-width:50rem}.tab-section-row-item{display:flex;flex-direction:column;gap:.5rem;flex-grow:1}.tab-section-row-item>p{font-size:.7rem;font-weight:500;color:var(--text-light)}