.input-group{margin-bottom:15px}label{display:block;font-weight:bold;font-size:14px;margin-bottom:8px;color:#444}input,select{width:100%;padding:12px;border:1px solid #ccc;border-radius:8px;font-size:16px;background-color:#fff;-moz-appearance:textfield;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input:focus,select:focus{border-color:#b8860b;outline:none;box-shadow:0 0 0 2px rgba(184,134,11,0.2)}.weight-row{display:flex;gap:8px;margin-bottom:15px}.weight-row input{text-align:center}.mt-2{margin-top:10px}.sub-tabs{display:flex;gap:10px;margin-bottom:20px;overflow-x:auto;padding-bottom:5px;-ms-overflow-style:none;scrollbar-width:none}.sub-tabs::-webkit-scrollbar{display:none}.sub-tab{flex:1;padding:8px 15px;border:1px solid #b8860b;border-radius:20px;background:transparent;color:#b8860b;font-size:13px;font-weight:bold;white-space:nowrap;cursor:pointer;transition:0.2s}.sub-tab.active{background:#b8860b;color:white;box-shadow:0 2px 5px rgba(184,134,11,0.3)}.btn-primary{width:100%;padding:14px;background:linear-gradient(to bottom,#b8860b,#a07406);color:white;border:none;border-radius:8px;font-size:16px;font-weight:bold;cursor:pointer;margin-top:10px;box-shadow:0 2px 5px rgba(0,0,0,0.2)}.btn-primary:active{transform:scale(0.98)}.btn-secondary{width:100%;padding:12px;background:#607d8b;color:white;border:none;border-radius:8px;font-weight:bold;cursor:pointer;margin-top:10px}.btn-danger-outline{width:100%;padding:12px;border:1px solid #d32f2f;background:white;color:#d32f2f;border-radius:8px;font-weight:bold;cursor:pointer}.btn-text{background:none;border:none;color:#b8860b;text-decoration:underline;cursor:pointer;font-size:13px;margin:10px}.btn-lucky{width:100%;padding:14px;background:linear-gradient(45deg,#FF512F,#DD2476);color:white;border:none;border-radius:8px;font-weight:bold;margin-top:15px;cursor:pointer;transition:transform 0.2s,box-shadow 0.2s}.btn-lucky:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(221,36,118,0.4)}.btn-lucky:active{transform:scale(0.98)}.result-card{background:#fff9e6;border:1px solid #ffe082;padding:15px;margin-top:20px;border-radius:8px;text-align:center}.result-details{text-align:left;border-bottom:1px dashed #ccc;padding-bottom:10px;margin-bottom:10px;font-size:14px}.result-details div{display:flex;justify-content:space-between;margin-bottom:5px}.grand-total{font-size:24px;color:#d32f2f;font-weight:bold;margin:10px 0}.details-box{background:white;padding:10px;text-align:left;font-size:12px;border:1px solid #eee;margin-top:10px}.setting-card{background:white;border:1px solid #ddd;border-radius:8px;padding:15px;margin-bottom:15px}.setting-card h4{margin-top:0;color:#555;border-bottom:1px solid #eee;padding-bottom:10px}.radio-group{display:flex;flex-direction:column;gap:10px}.radio-group.row{flex-direction:row;align-items:center;gap:20px}.radio-group label{font-weight:normal;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:13px;margin:0}input[type="radio"],input[type="checkbox"]{accent-color:#b8860b;width:18px;height:18px;cursor:pointer}.input-wrapper{position:relative;flex:1}.input-wrapper input{width:100%;padding-right:35px;text-align:right}.unit-label{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#999;font-size:11px;pointer-events:none}.custom-price-box{background:#f8f9fa;padding:10px;border-radius:8px;margin:10px 0;border:1px solid #e9ecef}.checkbox-label{display:flex!important;align-items:center;cursor:pointer;margin:0!important;font-weight:normal!important;font-size:13px}.checkbox-label input{width:18px;height:18px;margin-right:10px;accent-color:#b8860b}.knowledge-card{background:white;border:1px solid #ddd;border-radius:8px;margin-bottom:10px}.k-title{padding:15px;background:#f9f9f9;font-weight:bold;color:#b8860b;cursor:pointer}.k-content{display:none;padding:15px;font-size:14px;line-height:1.6;background:white}.modal,.custom-modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);backdrop-filter:blur(3px);align-items:center;justify-content:center}.modal-content{background:white;width:90%;max-width:350px;border-radius:12px;border:2px solid #b8860b;animation:popIn 0.3s ease-out;overflow:hidden}.modal-header{background:#fff8e1;padding:15px;font-weight:bold;color:#b8860b;text-align:center;border-bottom:1px solid #eee}.modal-body{padding:20px;text-align:center;color:#444}.modal-footer{display:flex;border-top:1px solid #eee}.btn-modal{flex:1;padding:12px;border:none;background:white;cursor:pointer;font-weight:bold}.btn-cancel{color:#666;border-right:1px solid #eee}.btn-ok{color:#d32f2f}@keyframes popIn{from{transform:scale(0.8);opacity:0}to{transform:scale(1);opacity:1}}.footer-credit{text-align:center;font-size:11px;color:#aaa;margin-top:30px;margin-bottom:20px}.footer{margin-top:40px;text-align:center;border-top:1px solid #eee;padding-top:20px;padding-bottom:30px}.footer-section{margin-bottom:20px}.footer-text{font-size:13px;color:#666;line-height:1.6;margin-bottom:8px;font-style:italic}.footer-btn{display:inline-flex;align-items:center;justify-content:center;background-color:#0084ff;color:white;text-decoration:none;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:bold;transition:0.3s;box-shadow:0 2px 5px rgba(0,132,255,0.2)}.footer-btn:hover{background-color:#0073e6;transform:translateY(-2px)}.footer-btn i{margin-right:6px}.footer-link{display:inline-flex;align-items:center;color:#1877f2;text-decoration:none;font-size:14px;font-weight:bold;border:1px solid #1877f2;padding:6px 14px;border-radius:6px;transition:0.3s;background:white}.footer-link:hover{background-color:#f0f7ff}.footer-link i{margin-right:6px}.copyright{font-size:11px;color:#aaa;margin-top:20px}#settingsModal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}#settingsModal .modal-content{background-color:#fefefe;margin:0;padding:0;border:none;width:85%;height:100%;position:absolute;right:0;top:0;border-radius:0;box-shadow:-5px 0 15px rgba(0,0,0,0.2);overflow-y:auto;animation:slideInRight 0.3s ease-out}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}#settingsModal .modal-header{background:#b8860b;color:white;padding:15px;display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:bold;position:sticky;top:0;z-index:10}#settingsModal .close-modal{color:white;font-size:24px;font-weight:bold;cursor:pointer}#settingsModal .modal-body{padding:15px}details.setting-group{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:10px;overflow:hidden}details.setting-group summary{padding:12px;background:#f9f9f9;font-weight:bold;cursor:pointer;color:#b8860b;list-style:none;display:flex;justify-content:space-between;align-items:center}details.setting-group summary::after{content:'\25BC';font-size:10px;color:#999;transition:0.3s}details.setting-group[open] summary::after{transform:rotate(180deg)}details.setting-group .group-content{padding:15px;border-top:1px solid #eee;background:#fff}