.commission-calculator{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);font-family:Helvetica Neue,Arial,sans-serif;margin:20px auto;max-width:600px;padding:12px 24px;width:425px}.calculator-title{color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:30px;text-align:center}.calculation-row{align-items:center;display:flex;flex-wrap:nowrap;gap:10px;justify-content:center}.input-wrapper{position:relative}.currency-symbol{color:#000;font-weight:500;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.commission-input{background:#f8f9fa;border:2px solid #e0e6ed;border-radius:8px;font-size:16px;font-weight:500;margin-top:0;padding:12px 12px 12px 28px;transition:all .3s ease;width:200px}.commission-input::placeholder{color:#999;opacity:1}.commission-input::-ms-input-placeholder{color:#999}.commission-input:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,.1);outline:none}.operator{margin:0}.operator,.percentage{color:#000;font-size:18px;font-weight:700}.percentage{padding:8px 0}.equals{color:#2c3e50;font-size:20px;font-weight:700;margin:0}.result{border:2px solid #000;border-radius:8px;color:#ff4c00;font-size:18px;font-weight:600;min-width:80px;padding:6px;text-align:center;transition:all .3s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.info-text{color:#7f8c8d;font-size:14px;margin-top:20px;text-align:center}.clear-button{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;display:none;font-size:14px;font-weight:500;margin-left:10px;padding:8px 16px;transition:background .3s ease}.clear-button:hover{background:#c0392b}@media (max-width:768px){.commission-calculator{margin:10px;padding:20px}.calculation-row{flex-wrap:nowrap;gap:8px;justify-content:center}.commission-input{font-size:14px;padding:10px 10px 10px 24px;width:100px}.currency-symbol{font-size:14px;left:8px}.equals,.operator{font-size:16px;margin:0 2px}.percentage{font-size:14px;padding:6px 8px}.result{font-size:14px;min-width:80px;padding:10px 12px}}@media (max-width:480px){.calculator-title{font-size:18px;margin-bottom:20px}.calculation-row{gap:6px}.commission-input{font-size:14px;padding:8px 8px 8px 20px;width:85px}.currency-symbol{font-size:12px;left:6px}.equals,.operator{font-size:14px;margin:0 1px}.percentage{font-size:12px;padding:4px 6px}.result{font-size:12px;min-width:70px;padding:8px 10px}}