*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;min-height:100%}body{background:#f5f5f5;min-height:100vh;font-family:Arial,sans-serif}#app{width:100%}main{width:100%;max-width:700px;margin:0 auto;padding:2rem}.avatar[data-v-0c1ee20d]{justify-content:center;margin-top:100px;display:flex}.face[data-v-0c1ee20d]{background:#ffd2b3;border-radius:50%;justify-content:center;gap:35px;width:220px;height:220px;padding-top:70px;display:flex;position:relative}.eye[data-v-0c1ee20d]{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;overflow:hidden}.pupil[data-v-0c1ee20d]{background:#222;border-radius:50%;width:22px;height:22px;transition:transform 50ms linear}.mouth[data-v-0c1ee20d]{border-bottom:5px solid #333;border-radius:50%;width:60px;height:25px;position:absolute;bottom:45px}.face:hover .mouth[data-v-0c1ee20d]{background-color:#ff7e7e;border:none}.transaction-form[data-v-5fa2ca9b]{background-color:#fff;border-radius:12px;margin-bottom:30px;padding:24px;box-shadow:0 4px 16px #0000001a}.transaction-form h2[data-v-5fa2ca9b]{color:#1f2937;margin:0 0 20px;font-size:22px}.form-group[data-v-5fa2ca9b]{margin-bottom:18px}.form-group>label[data-v-5fa2ca9b]{color:#374151;margin-bottom:8px;font-weight:600;display:block}.form-group input[type=text][data-v-5fa2ca9b],.form-group input[type=number][data-v-5fa2ca9b]{color:#1f2937;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:12px;font-size:16px;transition:border-color .2s,box-shadow .2s}.form-group input[type=text][data-v-5fa2ca9b]:focus,.form-group input[type=number][data-v-5fa2ca9b]:focus{border-color:#eec390;box-shadow:0 0 0 3px #e5c34626}.type-options[data-v-5fa2ca9b]{grid-template-columns:1fr 1fr;gap:12px;display:grid}.type-option[data-v-5fa2ca9b]{text-align:center;cursor:pointer;background-color:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:12px;transition:all .2s}.type-option input[data-v-5fa2ca9b]{display:none}.income-option.selected[data-v-5fa2ca9b]{color:#15803d;background-color:#f0fdf4;border-color:#22c55e}.expense-option.selected[data-v-5fa2ca9b]{color:#b91c1c;background-color:#fef2f2;border-color:#ef4444}.error-message[data-v-5fa2ca9b]{color:#b91c1c;background-color:#fef2f2;border-radius:6px;margin:0 0 16px;padding:10px;font-size:14px}.submit-button[data-v-5fa2ca9b]{color:#fff;cursor:pointer;background-color:#eec390;border:none;border-radius:8px;width:100%;padding:13px;font-size:16px;font-weight:600;transition:background-color .2s}.submit-button[data-v-5fa2ca9b]:hover{opacity:.8}@media (width<=480px){.transaction-form[data-v-5fa2ca9b]{padding:18px}.type-options[data-v-5fa2ca9b]{grid-template-columns:1fr}}li[data-v-ab6cb74a]{list-style-type:none;box-shadow:2px 2px 2px #00000080}span[data-v-ab6cb74a]{align-items:center;margin:5px;font-size:1.2rem;display:flex}button[data-v-ab6cb74a]{cursor:pointer;background-color:#fff;border:none;border-radius:5px;margin-left:auto;padding:10px;transition:all .2s;box-shadow:2px 2px 2px #00000080}button[data-v-ab6cb74a]:hover{translate:0 -1px}h2[data-v-7e3f8e2d]{text-align:center}ul[data-v-7e3f8e2d]{margin-right:20px}.income[data-v-7e3f8e2d]{background-color:#c8ffc8;border-right:3px solid green;border-radius:8px;margin:10px 0;padding:10px}.expense[data-v-7e3f8e2d]{background-color:#ffc6c6;border-right:3px solid red;border-radius:8px;margin:10px 0;padding:10px}section[data-v-a2f03e2c]{text-align:center;background-color:#fde5c4;border-radius:8px;width:100%;max-width:1200px}section h2[data-v-a2f03e2c]{padding:20px;font-size:2rem}section h3[data-v-a2f03e2c]{font-size:1.5rem}.summary[data-v-a2f03e2c]{background-color:#eec390;border-radius:0 0 8px 8px;grid-template-columns:2fr 2fr;margin-top:20px;margin-bottom:20px;padding:10px;display:grid}.summary p[data-v-a2f03e2c]{font-size:1.2rem}.income[data-v-a2f03e2c]{color:green}.expense[data-v-a2f03e2c]{color:red}h1[data-v-099fdeeb]{text-align:center;margin-bottom:20px;font-weight:700}.filters[data-v-099fdeeb]{justify-content:end;display:flex}