.bankroll-calculator{padding:1.5rem;background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}.calculator-container{max-width:64rem;margin:0 auto;background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);padding:2rem}.calculator-header{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.calculator-icon{color:#4f46e5}.calculator-header h2{font-size:1.875rem;font-weight:700;color:#1f2937;margin:0}.calculator-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}@media (min-width:768px){.calculator-grid{grid-template-columns:1fr 1fr}}.input-section{display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.875rem;font-weight:500;color:#374151}.input-wrapper{position:relative}.input-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#6b7280}.input-wrapper input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:all .2s}.input-wrapper input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.calculate-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#4f46e5;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s}.calculate-button:hover{background-color:#4338ca}.results-section{background-color:#f9fafb;border-radius:.75rem;padding:1.5rem}.results-section h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.position-result{background:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);margin-bottom:1rem}.position-result:last-child{margin-bottom:0}.empty-state{display:flex;align-items:center;gap:.5rem;color:#6b7280}.risk-indicator{height:.5rem;width:4rem;border-radius:9999px}.risk-high{background-color:#10b981}.risk-medium{background-color:#f59e0b}.risk-low{background-color:#f97316}.info-section{background-color:#eef2ff;border-radius:.75rem;padding:1.5rem}.info-section h3{font-size:1.125rem;font-weight:600;color:#1e3a8a;margin:0 0 .5rem}.info-section ul{list-style-type:disc;margin:0;padding-left:1.5rem;color:#1e40af}.info-section li{margin-bottom:.5rem}.info-section li:last-child{margin-bottom:0}