.app{max-width:28rem;margin:0 auto;padding:1.5rem}header{margin-bottom:1.5rem}header h1{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}header p{margin:0;color:#94a3b8;font-size:.9rem}.field{margin-bottom:1rem}.field label{display:block;font-weight:500;margin-bottom:.35rem;font-size:.9rem}.field input,.field select{width:100%;padding:.5rem .75rem;font-size:1rem;border:1px solid #334155;border-radius:6px;background:#1e293b;color:#e2e8f0}.field input:focus,.field select:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 2px #38bdf833}.field input[aria-invalid=true],.field select[aria-invalid=true]{border-color:#f87171}.field input.calculated,.field input:read-only{background:#334155;color:#94a3b8;cursor:default}.field .error-msg{display:block;margin-top:.35rem;font-size:.8rem;color:#f87171}.field .hint{display:block;margin-top:.25rem;font-size:.75rem;color:#64748b}.amount-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.result-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#1e293b;border-radius:6px;border:1px solid #334155;margin-bottom:1rem}.result-label{font-weight:500;color:#94a3b8}.result-value{font-family:ui-monospace,monospace;font-size:1rem}.actions{display:flex;gap:.75rem;flex-wrap:wrap}.actions button{padding:.5rem 1rem;font-size:.9rem;font-weight:500;color:#0f172a;background:#38bdf8;border:none;border-radius:6px;cursor:pointer}.actions button:hover{background:#7dd3fc}.loading{text-align:center;padding:3rem;color:#94a3b8}.auth-section{text-align:center;padding:2rem 0}.auth-section button{padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:#0f172a;background:#38bdf8;border:none;border-radius:6px;cursor:pointer}.auth-section button:hover{background:#7dd3fc}.user-info{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;font-size:.85rem;color:#64748b}.user-info .sign-out{padding:.25rem .5rem;font-size:.75rem;font-weight:500;color:#94a3b8;background:transparent;border:1px solid #334155;border-radius:4px;cursor:pointer}.user-info .sign-out:hover{border-color:#64748b;color:#e2e8f0}@media (max-width: 480px){.app{padding:1rem}.field input,.field select{font-size:16px}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh;-webkit-font-smoothing:antialiased}