:root{color:#111827;background:#f5f7fb;font-family:Inter,system-ui,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px}button,input,select{font:inherit}button{transition:opacity .2s,transform .2s}.app{min-height:100vh;padding:32px 16px}.container{max-width:1200px;margin:0 auto}.hero{margin-bottom:24px}.hero h1{margin-bottom:8px;font-size:2rem}.hero p{color:#4b5563}.layout{grid-template-columns:2fr 1fr;gap:20px;display:grid}.left-column,.right-column{flex-direction:column;gap:20px;display:flex}.card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 10px 30px #0000000f}.card h2{margin-bottom:16px}.expense-form{flex-direction:column;gap:14px;display:flex}.expense-form label{flex-direction:column;gap:6px;font-weight:500;display:flex}.expense-form input,.expense-form select{border:1px solid #d1d5db;border-radius:10px;padding:12px 14px}.expense-form button,.expense-item button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:10px}.expense-form button{margin-top:6px;padding:10px 14px}.expense-form button:hover,.expense-item button:hover{opacity:.92}.expense-list{flex-direction:column;gap:12px;display:flex}.expense-item{border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.expense-item h3{margin-bottom:4px;font-size:1rem}.expense-item p{color:#6b7280}.expense-item-right{align-items:center;gap:12px;display:flex}.expense-item-right strong{text-align:right;min-width:90px}.expense-item button{padding:8px 12px}.summary-total{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:16px;padding:14px 0;display:flex}.summary-total strong{font-size:1.4rem}.summary-subtext{color:#6b7280;margin-top:-8px;margin-bottom:16px;font-size:.95rem}.breakdown h3{margin-bottom:12px}.breakdown ul{flex-direction:column;gap:10px;list-style:none;display:flex}.breakdown li{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:10px 0;display:flex}.currency-box{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:16px}.currency-box h3{margin-bottom:12px}.currency-box label{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.currency-box select{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:8px 10px}.conversion-result{background:#f8fafc;border-radius:10px;margin-top:10px;padding:12px;font-weight:500}.empty-state,.error-text{color:#6b7280}.error-text{color:#b91c1c}@media (width<=768px){.app{padding:20px 12px}.hero h1{font-size:1.6rem}.layout{grid-template-columns:1fr}.card{padding:16px}.expense-item{flex-direction:column;align-items:flex-start}.expense-item-right{justify-content:space-between;width:100%}.currency-box label{flex-direction:column;align-items:flex-start}.currency-box select{width:100%}}