.commission-calculator-container{max-width:600px;margin:40px auto;padding:30px;background:linear-gradient(135deg,#939ab9 0%,#9387ff 100%);border-radius:15px;box-shadow:0 20px 40px rgba(0,0,0,.1);color:#fff;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.commission-calculator-container h1{text-align:center;margin-bottom:30px;font-size:2.2em;font-weight:300;text-shadow:0 2px 4px rgba(0,0,0,.3)}.form-group{margin-bottom:25px}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:1.1em}.form-group input[type="number"]{width:100%;padding:12px;border:none;border-radius:8px;font-size:1em;background:rgba(255,255,255,.9);color:#333;box-sizing:border-box}.fulltime-section h3{margin-bottom:15px;font-size:1.3em;font-weight:500}.checkbox-group{display:grid;gap:10px}.checkbox-item{display:flex;align-items:center;padding:10px;background:rgba(255,255,255,.1);border-radius:8px;transition:background .3s ease}.checkbox-item:hover{background:rgba(255,255,255,.2)}.checkbox-item input[type="checkbox"],.checkbox-item input[type="radio"]{margin-right:10px;transform:scale(1.2)}.checkbox-item label{margin:0;cursor:pointer;flex:1}.calculate-btn,.save-btn{width:100%;padding:15px;margin:10px 0;background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;border:none;border-radius:8px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.calculate-btn:hover,.save-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.save-btn{background:linear-gradient(45deg,#2ecc71,#27ae60)}.result{margin-top:30px;padding:20px;background:rgba(255,255,255,.15);border-radius:10px;text-align:center;opacity:0;transform:translateY(20px);transition:all .5s ease}.result.show{opacity:1;transform:translateY(0)}.breakdown{margin-top:15px;padding:15px;background:rgba(255,255,255,.1);border-radius:8px;font-size:.9em;line-height:1.6}.breakdown-item{display:flex;justify-content:space-between;margin-bottom:5px}.history-section{margin-top:30px;padding:20px;background:rgba(255,255,255,.1);border-radius:10px}.history-section h3{margin-bottom:15px;font-size:1.3em}.history-section ul{list-style:none;padding:0}.history-section li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.2)}@media (max-width:600px){.commission-calculator-container{padding:25px;margin:10px}.commission-calculator-container h1{font-size:1.8em}}