.iherb-calculator{background:#fff;border:1px solid #e9ecef;padding:25px;margin:20px 0;border-radius:10px;box-shadow:0 2px 8px rgb(0 0 0 / .05);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.calculator-title{color:#333;margin-bottom:20px;font-size:1.4em;font-weight:600;text-align:center;position:relative}.calculator-title[data-preview]:after{content:attr(data-preview);position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#e8f5e8;color:#155724;padding:5px 10px;border-radius:4px;font-size:.8em;font-weight:400;white-space:nowrap;margin-top:10px;opacity:.9}.calculator-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.input-group{position:relative;transition:all 0.3s ease}.input-group.focused{transform:translateY(-2px)}.input-group label{display:block;margin-bottom:8px;color:#555;font-weight:500;font-size:.9em;transition:color 0.3s ease}.input-group.focused label{color:#28a745}.calculator-input{width:100%;padding:12px 15px;border:2px solid #ddd;border-radius:6px;font-size:16px;transition:all 0.3s ease;background:#fff}.calculator-input:focus{outline:none;border-color:#28a745;box-shadow:0 0 0 3px rgb(40 167 69 / .1);transform:translateY(-1px)}.calculator-input:hover{border-color:#28a745}.calculator-button{background:linear-gradient(135deg,#28a745 0%,#20c997 100%);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.3s ease;width:100%;max-width:260px;margin:0 auto;display:block;position:relative;overflow:hidden}.calculator-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgb(40 167 69 / .3)}.calculator-button.hover{background:linear-gradient(135deg,#20c997 0%,#28a745 100%)}.calculator-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.calculator-button:before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .2),transparent);transition:left 0.5s}.calculator-button:hover:before{left:100%}.earnings-result{margin-top:25px;padding:20px;background:linear-gradient(135deg,#e8f5e8 0%,#d4edda 100%);border-radius:8px;border-left:4px solid #28a745;text-align:center}.earnings-result h4{color:#155724;margin:0 0 15px 0;font-size:1.1em;font-weight:600}.earnings-amount{font-size:2.5em;font-weight:700;color:#155724;margin-bottom:20px;text-shadow:0 2px 4px rgb(0 0 0 / .1)}.earnings-breakdown{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-top:20px}.breakdown-item{background:rgb(255 255 255 / .7);padding:15px;border-radius:6px;text-align:center}.breakdown-item .label{display:block;color:#155724;font-size:.9em;margin-bottom:5px}.breakdown-item .value{display:block;color:#155724;font-size:1.2em;font-weight:700}.calculator-history{margin-top:30px;padding-top:20px;border-top:1px solid #e9ecef}.calculator-history h4{color:#333;margin-bottom:15px;font-size:1.1em;font-weight:600}.history-list{max-height:300px;overflow-y:auto}.history-item{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background:#f8f9fa;border-radius:6px;margin-bottom:8px;transition:all 0.3s ease;border-left:3px solid #28a745}.history-item:hover{background:#e9ecef;transform:translateX(5px)}.history-details{display:flex;gap:15px;align-items:center}.history-reviews,.history-likes{background:#fff;padding:4px 8px;border-radius:4px;font-size:.8em;color:#666;border:1px solid #dee2e6}.history-earnings{font-size:1.2em;font-weight:700;color:#28a745}.history-date{font-size:.8em;color:#999;text-align:right}.history-error{color:#dc3545;text-align:center;font-style:italic;padding:20px}@media (max-width:768px){.iherb-calculator{padding:20px;margin:15px 0}.calculator-inputs{grid-template-columns:1fr;gap:15px}.calculator-button{padding:12px 20px;font-size:14px}.earnings-amount{font-size:2em}.earnings-breakdown{grid-template-columns:1fr}.history-item{flex-direction:column;align-items:flex-start;gap:10px}.history-details{flex-direction:column;gap:5px}.history-date{text-align:left}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.earnings-result{animation:fadeInUp 0.5s ease-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.earnings-amount{animation:pulse 2s ease-in-out infinite}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.history-list::-webkit-scrollbar-thumb{background:#28a745;border-radius:3px}.history-list::-webkit-scrollbar-thumb:hover{background:#20c997}.calculator-button:disabled{background:#6c757d;cursor:wait}.calculator-button:disabled:before{display:none}.input-group.focused .calculator-input{box-shadow:0 0 0 3px rgb(40 167 69 / .2)}.calculator-title{position:relative}.calculator-title:after{content:'|';animation:blink 1s infinite;margin-left:2px;color:#28a745}@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}