body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;background-color:#f5f5f5;color:#333}.container{max-width:1200px;margin:0 auto;padding:20px}h1,h2,h3{color:#2c3e50}h1{font-size:2rem;margin-bottom:1.5rem}h2{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem;border-bottom:1px solid #ddd;padding-bottom:.5rem}h3{font-size:1.2rem;margin-top:1.5rem;margin-bottom:.5rem}input[type=number],input[type=text]{padding:8px;border:1px solid #ccc;border-radius:4px;width:100%;box-sizing:border-box}button{background-color:#3498db;color:#fff;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:700}button:hover{background-color:#2980b9}.controls{display:flex;justify-content:flex-end;margin-bottom:20px}.explanations{background-color:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:20px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px}.form-group{margin-bottom:15px;display:flex;flex-direction:row;align-items:center}.form-group label{min-width:200px;margin-right:10px}.form-group input{position:relative;flex:1}.result-value{font-weight:700;background-color:#f0f0f0;padding:8px;border-radius:4px;min-width:150px}.form-section,.balance-section{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.key-metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-top:20px}.metric{padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.metric h3{margin-top:0;font-size:1rem}.metric p{font-size:1.5rem;font-weight:700;margin:5px 0 0}.blue{background-color:#d4e6f1}.green{background-color:#d5f5e3}.yellow{background-color:#fef9e7}.red{background-color:#fadbd8}.purple{background-color:#e8daef}.indigo{background-color:#d6eaf8}.balance-indicator{margin-top:15px;padding:10px;border-radius:4px}.balanced{color:green;font-weight:700}.unbalanced{color:red;font-weight:700}.tax-setting-footnote{margin-top:40px;padding:10px;border-top:1px solid #ddd;color:#777;text-align:right}.tax-input-small{width:70px!important;padding:2px 5px!important;display:inline-block;margin:0 5px}.tax-info-small{margin-left:5px;font-style:italic}.note{background-color:#f8f9fa;padding:10px;border-left:3px solid #007bff;margin-bottom:15px}.note p{margin:0;color:#495057}.input-with-button{display:flex;align-items:center}.calc-btn{margin-left:10px;padding:5px 10px;background-color:#007bff;color:#fff;border:none;border-radius:3px;cursor:pointer}.calc-btn:hover{background-color:#0069d9}.unit{margin-left:5px;color:#666;white-space:nowrap;display:inline-block}@media (max-width: 768px){.two-columns{grid-template-columns:1fr}.form-group{flex-direction:row;flex-wrap:wrap;align-items:center}.form-group label{width:100%;min-width:auto;margin-bottom:5px;margin-right:0}.form-group input[type=text],.form-group input[type=number]{width:calc(100% - 30px);flex:none}.form-group .result-value{width:100%;margin-top:5px}.input-with-button{flex-wrap:wrap;width:100%}.input-with-button input{width:calc(100% - 80px)}.calc-btn{margin-left:auto;margin-right:0}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}