body{background-color:#f4f6f8;font-family:Arial,sans-serif;color:#333;line-height:1.6}.calculator-container{max-width:700px;margin:30px auto;background-color:#fff0;padding:10px;border-radius:8px}.calculator-title{text-align:center;font-size:26px;font-weight:700;color:#2c3e50;margin-bottom:35px;text-transform:uppercase}.pot-type-selector{display:flex;justify-content:space-around;margin-bottom:30px;flex-wrap:wrap;gap:15px}.pot-type-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:12px;border:2px solid #e0e0e0;border-radius:8px;transition:all 0.25s ease-in-out;min-width:100px;text-align:center;background-color:#fff;box-shadow:0 1px 3px rgb(0 0 0 / .05)}.pot-type-item img{width:70px;height:50px;object-fit:contain;margin-bottom:8px;border-radius:4px}.pot-type-item span{font-size:13px;color:#555;font-weight:500}.pot-type-item.selected{border-color:#ff6f61;background-color:#fff8f7;transform:translateY(-3px);box-shadow:0 5px 15px rgb(255 111 97 / .2)}.pot-type-item:hover:not(.selected){background-color:#fdfdfd;border-color:#b0bec5;transform:translateY(-2px);box-shadow:0 3px 8px rgb(0 0 0 / .08)}.form-section{background-color:#fff;padding:25px 30px;border-radius:10px;margin-bottom:30px;box-shadow:0 4px 12px rgb(0 0 0 / .08)}.section-title{font-size:19px;font-weight:600;color:#34495e;margin-top:0;margin-bottom:25px;padding-bottom:12px;border-bottom:1px solid #ecf0f1}.form-instructions{font-size:13px;color:#555f68;margin-bottom:15px;text-align:left;font-style:italic;line-height:1.5}.input-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 25px}.input-group{display:flex;flex-direction:column}.input-group.full-width{grid-column:1 / -1}.input-group label{font-size:14px;color:#555f68;margin-bottom:8px;font-weight:500}.input-group input[type="number"],.input-group input[type="text"],.input-group select{width:100%;padding:5px 15px;border:1px solid #ced4da;border-radius:6px;box-sizing:border-box;font-size:15px;background-color:#fff;color:#495057;transition:border-color 0.2s ease,box-shadow 0.2s ease}.input-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23555f68%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 15px center;background-size:10px 10px;padding-right:40px}.input-group select::-ms-expand{display:none}.color-select-wrapper{display:flex;align-items:center}.color-select-wrapper select{flex-grow:1}.color-swatch{display:inline-block;width:24px;height:24px;border:1px solid #ccc;margin-left:10px;background-color:#fff;border-radius:4px}.input-group input::placeholder{color:#adb5bd}.input-group input:focus,.input-group select:focus{outline:none;border-color:#ff8a80;box-shadow:0 0 0 .2rem rgb(255 111 97 / .25)}.calculate-button{display:block;width:100%;padding:14px;background-color:#ff6f61;color:#fff;border:none;border-radius:6px;font-size:17px;font-weight:700;cursor:pointer;margin-top:30px;margin-bottom:15px;transition:background-color 0.25s ease,transform 0.2s ease;text-transform:uppercase;letter-spacing:.5px}.calculate-button:hover{background-color:#e65a50;transform:translateY(-1px)}.quote-table-section{overflow-x:auto}.quote-table-section table{width:100%;min-width:600px;border-collapse:collapse;margin-top:15px}.quote-table-section th,.quote-table-section td{border:1px solid #e9ecef;padding:10px 8px;text-align:left;font-size:13px;vertical-align:middle;white-space:nowrap}.quote-table-section th:nth-child(2),.quote-table-section td:nth-child(2){white-space:normal;min-width:150px}.quote-table-section th{background-color:#f8f9fa;font-weight:600;color:#495057}.quote-table-section td{color:#495057}.quote-table-section td .delete-item-btn{background-color:#e74c3c;color:#fff;border:none;padding:6px 12px;border-radius:5px;cursor:pointer;font-size:13px;transition:background-color 0.2s ease}.quote-table-section td .delete-item-btn:hover{background-color:#c0392b}.total-quote-price{text-align:right;font-weight:700;margin-top:20px;font-size:18px;color:#2c3e50}.total-quote-price span{color:#e74c3c;font-size:20px}.download-buttons-container{margin-top:20px;display:flex;gap:10px;flex-direction:column}.download-button{padding:12px 15px;border:none;border-radius:6px;font-size:15px;font-weight:700;cursor:pointer;transition:background-color 0.25s ease,transform 0.2s ease;text-align:center;color:#fff;text-decoration:none;display:inline-block}.download-button i{margin-right:8px}#download-pdf-btn{background-color:#c0392b}#download-pdf-btn:hover{background-color:#a52c21;transform:translateY(-1px)}#download-xlsx-btn{background-color:#27ae60}#download-xlsx-btn:hover{background-color:#1f8a4c;transform:translateY(-1px)}.zalo-button{background-color:#0068FF}.zalo-button:hover{background-color:#0052CC;transform:translateY(-1px)}#loading-indicator.visible{display:flex!important}@media (max-width:767px){.calculator-container{margin:15px;padding:10px}.input-grid{grid-template-columns:1fr;gap:15px}.pot-type-selector{gap:10px}.pot-type-item{min-width:calc(33.33% - 10px);padding:8px}.pot-type-item img{width:50px;height:35px}.pot-type-item span{font-size:12px}.calculator-title{font-size:20px;margin-bottom:25px}.section-title{font-size:17px;margin-bottom:20px}.calculate-button,.download-button{font-size:15px;padding:12px}.download-buttons-container{flex-direction:column;gap:10px}.quote-table-section th,.quote-table-section td{padding:8px 6px;font-size:12px}.quote-table-section th:nth-child(2),.quote-table-section td:nth-child(2){min-width:120px}.quote-table-section th:nth-child(1),.quote-table-section td:nth-child(1){min-width:30px;white-space:nowrap}.quote-table-section th:nth-child(3),.quote-table-section td:nth-child(3){min-width:30px;text-align:center;white-space:nowrap}.quote-table-section th:nth-child(6),.quote-table-section td:nth-child(6){min-width:40px;text-align:center}.total-quote-price span{font-size:16px}}@media (max-width:480px){.pot-type-item{min-width:calc(50% - 10px)}.calculator-title{font-size:18px}.section-title{font-size:16px}}