:root{--bg-color: #fff;--main-color: rgba(13, 13, 13, 255);--secondary-color: #0c0c0c;--secondary-color-low: #303030;--third-color: #1f2739;--third-color-low: #354363;--icon-admin-color: #729dff;--fourth-color: #e2e2e78f;--fourth-color-low: #e2e2e7;--fifth-color: #83ff78;--fifth-color-low: #b4ffad;--sixth-color: #5286ff;--sixth-color-low: #729dff;--text-color: #ffffff;--text-reverse-color: #0d0d0d;--text-secondary-color: #3f3f3f;--text-third-color: #868686;--button-color: #0c0c0c;--button-hover-color: #dfdfe2;--button-all-color: #e9e9e9;--button-all-hover: #d6d6d6;--btn-padding: 10px 18px;--btn-padding-2: 15px 20px;--radius: 10px;--radius-2: 30px;--border: 1px solid #e2e2e7;--border-dashed: 1px dashed #e2e2e7;--border-bold: 5px solid #e2e2e78f;--border-input-focus: 1px solid #354363;--border-admin-btn: 1px dashed #35436386;--transition: all ease-in-out .2s;--width: 572px;--text-1-size: 28px;--text-2-size: 24px;--text-3-size: 20px;--text-4-size: 16px;--text-5-size: 15px;--text-6-size: 13px;--text-7-size: 11px;--font-1: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-2: "Poppins", sans-serif}*{padding:0;margin:0;font-family:var(--font-2);box-sizing:border-box;text-decoration:none}body{background:var(--bg-color);text-decoration:none}.loginPage{width:100%;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center}.loginForm{display:flex;flex-direction:column;gap:10px}.loginInput{width:280px;border:var(--border);padding:var(--btn-padding);border-radius:20px;font-size:18px}.loginBtn{border-radius:20px;border:none;padding:var(--btn-padding);background:#98fe98;font-size:18px;cursor:pointer;transition:var(--transition)}.loginBtn:hover{background:#79c779}.loginError{color:red;margin-top:10px}.offer-wrapper{width:210mm;min-height:auto;padding:0;margin:0 auto;background-color:#fff;box-sizing:border-box;box-shadow:0 0 15px #0000001a;overflow:hidden;border-radius:20px}.item-row,.header-section,.customer-info-section,.summary-section{page-break-inside:avoid}.app-container{width:100%;overflow-x:auto;padding:20px;background-color:#f3f4f6}.bgLogoContainer{position:relative}.kgnElkBGContainer,.kgnElkBGContainer img{width:100%}.kgnElkLogoContainer{width:150px;position:absolute;top:60px;left:100px}.kgnElkLogoContainer img{width:100%}.welcomeOutContainer{width:700px;margin:0 auto 20px;display:flex;align-items:center;justify-content:space-between}.welcomeOutContainer p{font-size:20px;font-weight:500}.action-buttons{display:flex;gap:10px}.save-btn{display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:10px;padding:7px 12px;color:#006f98;font-size:18px;gap:5px;cursor:pointer;transition:var(--transition)}.save-btn:hover{background:#ededed}.pdf-btn{display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:10px;padding:7px 12px;color:#019824;font-size:18px;gap:5px;cursor:pointer;transition:var(--transition)}.pdf-btn:hover{background:#ededed}.logout-btn{display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:10px;padding:7px 12px;color:red;font-size:18px;gap:5px;cursor:pointer;transition:var(--transition)}.logout-btn:hover{background:#ededed}input,textarea{outline:none}.header-info-section-container{display:flex;justify-content:space-between;align-items:center;padding:20px}.header-section{display:flex;flex-direction:column;gap:10px}.business-name-input,.business-location-input{font-size:20px;padding:0 7px;border-radius:50px;border:white 2px solid;transition:var(--transition);font-weight:500}.input-group{font-size:20px;margin-left:10px}.dateInput{font-size:20px;padding:0 7px;border-radius:50px;border:white 2px solid;transition:var(--transition);font-weight:500}.boss-info-section h3{margin-left:7px}.boss-info-section{display:flex;flex-direction:column;gap:10px}.bossNameInput{font-size:20px;padding:0 7px;border-radius:50px;margin-left:-10px;border:white 2px solid;transition:var(--transition);font-weight:500}.businessPhoneInput{font-size:20px;padding:0 7px;border-radius:50px;border:white 2px solid;transition:var(--transition);font-weight:500}.businessPhoneInput:hover,.bossNameInput:hover,.business-name-input:hover,.business-location-input:hover,.dateInput:hover{border:rgb(196,196,196) 2px solid}.productName-number-unitPrice-totalPrice{display:flex;align-items:center;justify-content:space-between;padding:10px 50px;border-radius:20px;margin:20px;background:#aeffae}.items-list{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center}.item-row-wrapper{display:flex;flex-direction:column;width:100%;margin-left:10px;align-items:center}.item-row{display:flex;width:100%;margin-left:10px;align-items:center}.item-row:hover .delete-btn,.item-row:hover .drag-handle{opacity:1}.item-inputs{display:flex}.item-title{font-size:16px;width:280px;margin-left:10px;border-radius:20px;border:white 2px solid;transition:var(--transition)}.item-title:hover{border:rgb(196,196,196) 2px solid}.item-qty,.item-price{font-size:16px;width:120px;border-radius:20px;border:white 2px solid;transition:var(--transition)}.item-qty:hover,.item-price:hover{border:rgb(196,196,196) 2px solid}.item-actions{padding-left:50px}.delete-btn{margin-left:10px;display:flex;justify-content:center;align-items:center;background:none;border:none;cursor:pointer;padding:5px;border-radius:5px;opacity:0;transition:var(--transition)}.delete-btn:hover{background:#e8e8e8}.drag-handle{opacity:0;transition:var(--transition)}.item-row-total{font-size:18px}.add-item-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border-radius:50px;padding:10px 20px;font-size:20px;border:none;background:#00a2ffaf;font-weight:500;transition:var(--transition);cursor:pointer}.add-item-btn:hover{background:#73ccffaf}.add-item-btn-container{display:flex;align-items:center;justify-content:center;padding:20px}.summary-section-container{display:flex;justify-content:end;padding:0 20px}.summary-section,.summary-totals{display:flex;flex-direction:column;align-items:center}.clientInput{font-size:20px;padding:0 7px;margin-left:-7px;border-radius:50px;text-align:center;border:white 2px solid;transition:var(--transition);margin-bottom:10px;font-weight:500}.clientInput:hover{border:rgb(196,196,196) 2px solid}.total-try{font-size:20px;font-weight:500;border:rgb(131,131,131) 3px dashed;padding:5px 12px;border-radius:20px;margin-top:5px;margin-bottom:5px}.total-usd{font-size:18px;font-weight:500;background:#aeffae;padding:5px 12px;border-radius:20px}.infoBottomContainer{display:flex;align-items:center;justify-content:center;padding:0 20px;margin-top:20px}.infoBottom{background:#00a2ffaf;width:100%;padding:10px 20px;border-radius:20px;text-align:center}.infoBottom p{font-size:16px;font-weight:500}@media screen and (max-width:800px){.offer-wrapper{zoom:.4}.welcomeOutContainer{width:300px;margin:0 auto 20px;align-items:baseline;justify-content:baseline;flex-direction:column;gap:5px}.action-buttons{display:flex;gap:5px}.save-btn,.pdf-btn,.logout-btn{padding:5px 10px;font-size:15px}}