:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-dark: #0f0f12;--card-dark: #16161a;--text-gray: #8b8b99;--primary-gradient: linear-gradient(90deg, #d500f9 0%, #651fff 100%);--input-bg: #1c1c24;--border-color: #2d2d3a}body{margin:0;padding:0;background-color:var(--bg-dark);color:#fff;min-height:100vh;-webkit-font-smoothing:antialiased}#root{width:100%;height:100vh}*{box-sizing:border-box}.modal-overlay{position:fixed;top:0;bottom:0;right:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{width:100%;max-width:500px;background:var(--card-dark);padding:3rem;border-radius:20px;box-shadow:0 10px 40px #00000080;position:relative;border:1px solid var(--border-color)}.close-btn{position:absolute;top:1.5rem;right:1.5rem;background:transparent;border:0;color:var(--text-gray);cursor:pointer;transition:color .2s}.close-btn:hover{color:#fff}.transaction-type-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0}.radio-box{height:4rem;border:1px solid var(--border-color);border-radius:.5rem;background:transparent;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;color:var(--text-gray);transition:all .2s}.radio-box:hover{border-color:#d500f9}.radio-box.income.active{background:#00e6761a;border-color:#00e676;color:#00e676}.radio-box.expense.active{background:#ff44441a;border-color:#f44;color:#f44}:root{--background: #121214;--card-dark: #202024;--text: #c4c4cc;--white: #fff;--purple: #d500f9;--red: #f75a68;--green: #00b37e}*{margin:0;padding:0;box-sizing:border-box}@media (max-width: 1080px){html{font-size:93.75%}}@media (max-width: 720px){html{font-size:87.5%}}body{background:var(--background);color:var(--white);-webkit-font-smoothing:antialiased}body,input,textarea,button{font-family:Roboto,sans-serif;font-weight:400}h1,h2,h3,h4,h5,h6,strong{font-weight:600}button{cursor:pointer}[disabled]{opacity:.6;cursor:not-allowed}.nav-link{display:flex;align-items:center;gap:12px;color:#8b8b99;text-decoration:none;padding:12px 16px;border-radius:6px;transition:background .2s,color .2s}.nav-link:hover{color:#fff;background:#ffffff0d}.nav-link.active{background:#d500f91a;color:var(--purple);font-weight:500}.layout-container{display:flex;min-height:100vh}.main-content{flex:1;padding:2rem;overflow-y:auto}.page-content{max-width:1120px;margin:0 auto}.react-modal-overlay{background:#00000080;position:fixed;top:0;bottom:0;right:0;left:0;display:flex;align-items:center;justify-content:center}.react-modal-content{width:100%;max-width:576px;background:var(--card-dark);padding:3rem;position:relative;border-radius:.25rem}.react-modal-close{position:absolute;right:1.5rem;top:1.5rem;border:0;background:transparent;transition:filter .2s}.react-modal-close:hover{filter:brightness(.8)}.custom-input{width:100%;border:0;border-radius:5px;background:#202024;color:#fff;padding:1rem;font-size:1rem}.custom-input::placeholder{color:#7c7c8a}.btn-primary{width:100%;padding:0 1.5rem;height:3.5rem;background:var(--purple);color:#fff;border-radius:5px;border:0;font-size:1rem;font-weight:700;margin-top:1rem;transition:filter .2s;display:flex;align-items:center;justify-content:center}.btn-primary:hover{filter:brightness(.9)}