:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--accent:#036;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--accent:#4d8fd6}}*{box-sizing:border-box}body{margin:0}.app-container{background:#eef0f3;justify-content:center;align-items:flex-start;min-height:100svh;padding:40px 16px;display:flex}.invoice-card{background:#f4f5f7;border-radius:28px;width:100%;max-width:420px;overflow:hidden;box-shadow:0 20px 50px #0f0f141f}.invoice-header{background:#0a0a0a;justify-content:center;align-items:center;padding:28px 24px;display:flex}.invoice-logo{width:100%;max-width:240px;height:auto}.expense-form{flex-direction:column;gap:16px;padding:28px 24px 0;display:flex}.invoice-title{text-align:center;letter-spacing:2px;text-transform:uppercase;color:#5b5b62;margin:4px 0 8px;font-size:15px;font-weight:600}.field-input{width:100%;font:inherit;color:#1c1c1f;background:#fff;border:none;border-radius:14px;padding:16px 18px;font-size:15px;box-shadow:0 2px 10px #0f0f140f}.field-input::placeholder{color:#9a9aa2}.field-input:focus-visible{outline-offset:1px;outline:2px solid #0a0a0a}.field-icon-wrap{position:relative}.field-input--icon{padding-right:48px}.field-icon,.field-icon-btn{color:#8b8b93;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.field-icon{cursor:default;pointer-events:none}input[type=date].field-input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:48px;height:100%;margin:0;position:absolute;right:0}.conceptos{flex-direction:column;gap:12px;display:flex}.concepto-row{grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;display:grid}.concepto-input,.monto-input{width:100%;font:inherit;color:#1c1c1f;background:#fff;border:none;border-radius:14px;padding:16px 18px;font-size:15px;box-shadow:0 2px 10px #0f0f140f}.concepto-input::placeholder,.monto-input::placeholder{color:#9a9aa2}.btn-remove{color:#fff;cursor:pointer;background:#a9acb3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.btn-remove:disabled{opacity:.35;cursor:not-allowed}.btn-add{color:#6b6b72;cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:10px;padding:4px 2px;font-size:15px;display:flex}.btn-add-icon{color:#fff;background:#a9acb3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.error{color:#c0392b;margin:0;font-size:14px}.total-bar{background:#fff;border-radius:28px;justify-content:space-between;align-items:center;gap:16px;margin:8px 0 20px;padding:22px 24px;display:flex}.total-info{flex-direction:column;gap:2px;display:flex}.total-label{color:#6b6b72;font-size:14px}.total-amount{color:#0a0a0a;font-size:30px;font-weight:700;line-height:1}.btn-submit{color:#fff;text-align:center;cursor:pointer;white-space:nowrap;background:#0a0a0a;border:none;border-radius:14px;padding:12px 22px;font-size:14px;font-weight:600;line-height:1.3}.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=640px){.app-container{align-items:stretch;padding:0}.invoice-card{width:100%;max-width:none;min-height:100svh;box-shadow:none;border-radius:0}}