@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-color:#f9fafb;--surface-color:#fff;--text-primary:#1b2232;--text-secondary:#5c6b8a;--border-color:#e0e4eb;--primary:#0072f5;--primary-hover:#005fcc;--danger:#dc3848;--danger-hover:#bf2231;--focus-ring:#0072f54d;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #0000000d, 0 1px 2px #00000005;--shadow-lg:0 12px 24px #0000000f, 0 4px 8px #00000008}@media (prefers-color-scheme:dark){:root{--bg-color:#131720;--surface-color:#212631;--text-primary:#f3f4f7;--text-secondary:#a3adc2;--border-color:#313949;--primary:#3392ff;--primary-hover:#5ca8ff}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;justify-content:center;min-height:100vh;padding:2rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;display:flex}.app-container{flex-direction:column;gap:24px;width:100%;max-width:600px;display:flex}header{text-align:center;margin-bottom:8px}h1{letter-spacing:-.02em;color:var(--text-primary);font-size:1.5rem;font-weight:700}.subtitle{color:var(--text-secondary);margin-top:4px;font-size:.95rem}.card{background-color:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);padding:24px}.card-title{color:var(--text-primary);margin-bottom:16px;font-size:1.1rem;font-weight:600}.input-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex;position:relative}label{color:var(--text-secondary);font-size:.875rem;font-weight:500}input{border:1px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-color);width:100%;color:var(--text-primary);padding:10px 12px;font-family:inherit;font-size:1rem;transition:all .2s}input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.person-row{grid-template-columns:2fr 1fr auto;align-items:end;gap:12px;margin-bottom:20px;display:grid}.person-row .input-group{margin-bottom:0}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;padding:10px 16px;font-family:inherit;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border-color);background-color:#0000}.btn-secondary:hover{background-color:var(--bg-color);color:var(--text-primary)}.btn-danger{color:var(--danger);border:1px solid var(--danger);background-color:#0000;padding:10px}.btn-danger:hover{background-color:var(--danger);color:#fff}.btn-icon{justify-content:center;align-items:center;width:42px;height:42px;padding:8px;display:flex}.btn-add{background-color:var(--bg-color);width:100%;color:var(--text-primary);border:1px dashed var(--border-color);margin-top:12px}.btn-add:hover{border-color:var(--text-secondary);background-color:var(--border-color)}.results-list{flex-direction:column;gap:12px;display:flex}.result-item{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.result-item:last-child{border-bottom:none}.result-name{font-weight:500}.result-amount{color:var(--primary);font-size:1.1rem;font-weight:700}.empty-state{text-align:center;color:var(--text-secondary);padding:32px 0;font-size:.95rem}.total-summary{background-color:var(--bg-color);border-radius:var(--radius-sm);justify-content:space-between;margin-top:16px;padding:16px;font-size:.9rem;display:flex}.summary-val{color:var(--text-primary);font-weight:600}.error-text{color:var(--danger);white-space:nowrap;margin-top:4px;font-size:.75rem;position:absolute;top:100%;left:0}@media (width<=480px){.person-row{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:8px}.person-row .btn-danger{grid-column:1/-1;height:auto}}