.budget-wrapper{max-width:1200px;margin:40px auto;padding:20px}.budget-calculator{padding:30px;background-color:#fff;border-radius:15px;box-shadow:0 8px 20px rgba(0,0,0,.15);font-family:Arial,sans-serif}.budget-calculator h1{text-align:center;color:#1e40af;font-size:32px;margin-bottom:10px}.budget-calculator p{text-align:center;color:#4b5563;font-size:16px;margin-bottom:30px}.budget-content{display:flex;gap:30px;align-items:stretch}.budget-form{flex:0 0 60%;padding:20px}.budget-summary{flex:0 0 40%;padding:25px;background-color:#f0f5ff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.budget-summary h2{color:#1e40af;font-size:24px;margin-bottom:20px}.summary-item{margin-bottom:15px}.summary-btn{width:100%;padding:12px;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease,transform .2s ease}.summary-btn:hover{background:linear-gradient(135deg,#1e3a8a,#2563eb);transform:translateY(-2px)}.total-difference.positive{background:linear-gradient(135deg,#16a34a,#22c55e)}.total-difference.negative{background:linear-gradient(135deg,#dc2626,#ef4444)}.progress-bar{width:100%;height:10px;background-color:#e5e7eb;border-radius:5px;margin-top:10px;overflow:hidden}#progress-fill{height:100%;background:linear-gradient(135deg,#f97316,#fb923c);transition:width .5s ease}.expense-list h3{color:#f97316;font-size:18px;margin-top:20px;margin-bottom:10px}#expense-breakdown{list-style:none;padding:0}#expense-breakdown li{padding:8px 0;color:#4b5563;border-bottom:1px solid #e5e7eb}.form-group{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.form-group label{font-size:16px;color:#1e40af;font-weight:600}.form-group input,.form-group select,.form-group button{padding:12px;font-size:16px;border:2px solid #d1d5db;border-radius:8px;outline:none;width:100%;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus,.form-group select:focus{border-color:#1e40af;box-shadow:0 0 5px rgba(30,64,175,.3)}.form-group input::placeholder{color:#9ca3af;font-style:italic}.form-group select{background-color:#f9fafb;appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%231e40af" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.sub-options{display:flex;flex-direction:column;gap:10px;animation:fadeIn .3s ease}.sub-options-header{display:flex;justify-content:space-between;font-weight:600;color:#1e40af;padding:5px 0;border-bottom:2px solid #e5e7eb}.sub-options-header span{flex:1;text-align:left}.sub-options-header span:last-child{text-align:right}.sub-option-row{display:flex;align-items:center;gap:10px}.sub-option-row span{flex:1;color:#4b5563}.sub-option-row input{flex:1;min-width:120px}.add-sub-option{display:flex;align-items:center;gap:10px}.add-sub-option button{background-color:#f97316;color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background .3s ease}.add-sub-option button:hover{background-color:#ea580c}.custom-expense{position:relative}.custom-expense-inputs{display:flex;gap:10px;flex-wrap:wrap}.custom-expense-inputs input{flex:1;min-width:150px}.custom-expense-inputs button{background-color:#1e40af;color:#fff;border:none;padding:12px;border-radius:8px;cursor:pointer;transition:background .3s ease}.custom-expense-inputs button:hover{background-color:#1e3a8a}#custom-expenses{list-style:none;padding:0;margin-top:10px}#custom-expenses li{display:flex;justify-content:space-between;padding:5px 0;color:#4b5563}#custom-expenses li button{background:0 0;border:none;color:#f97316;cursor:pointer}#export-btn{background:linear-gradient(135deg,#f97316,#fb923c);color:#fff;border:none;padding:14px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease,transform .2s ease;width:100%}#export-btn:hover{background:linear-gradient(135deg,#ea580c,#f97316);transform:translateY(-2px)}.tooltip{position:relative;display:inline-block;cursor:help}.tooltip .tooltiptext{visibility:hidden;width:200px;background-color:#1e40af;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-100px;opacity:0;transition:opacity .3s}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.help-section,.quick-tips{max-width:1200px;margin:40px auto;padding:25px;background-color:#fff7ed;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.help-section h2,.quick-tips h2{color:#f97316;font-size:24px;margin-bottom:20px}.faq,.tip{margin-bottom:20px}.faq h3,.tip h3{color:#1e40af;font-size:18px;margin-bottom:8px}.faq p,.tip p{color:#4b5563;font-size:14px;line-height:1.5}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (max-width:768px){.budget-content{flex-direction:column}.budget-form,.budget-summary{flex:0 0 100%;padding:15px}.budget-calculator h1{font-size:26px}.form-group input,.form-group select,.form-group button{font-size:14px}.sub-option-row{flex-direction:column;align-items:flex-start}.sub-option-row input{min-width:100%}.custom-expense-inputs{flex-direction:column}.budget-summary h2{font-size:20px}}