:root{color:#f4f4f5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#09090b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{background:#09090b}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}*{box-sizing:border-box}html{background:#0d0a10;min-height:100%}body{color:#f4f1f7;background:radial-gradient(circle at 50% -10%,#8b5cf61a,#0000 35%),#0d0a10;min-width:320px;min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}#root{min-height:100vh}.app{background:#0d0a10;min-height:100vh;padding-bottom:90px}.dashboard{width:min(1180px,100% - 40px);margin:0 auto;padding:30px 0 50px}.topbar{width:min(1180px,100% - 40px);margin:0 auto;padding:24px 0 10px}.brand{color:#f7f4fa;letter-spacing:-.5px;align-items:center;gap:5px;font-size:22px;font-weight:700;display:inline-flex}.brand strong{color:#a66bff;font-weight:700}.home-dashboard{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:24px;display:grid}.home-dashboard .balance-card{box-sizing:border-box;grid-column:1/-1;width:100%;min-width:0}.home-dashboard .categories-section{flex-direction:column;grid-area:2/1;width:100%;min-width:0;display:flex}.home-dashboard .expenses-section{flex-direction:column;grid-area:2/2;width:100%;min-width:0;display:flex}.balance-card{background:linear-gradient(145deg,#231b2bf5,#16111cf5);border:1px solid #ffffff12;border-radius:22px;padding:26px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000038,inset 0 1px #ffffff06}.balance-card:before{content:"";filter:blur(50px);pointer-events:none;background:#8b5cf61f;width:280px;height:280px;position:absolute;top:-180px;right:-80px}.balance-top{z-index:1;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.label{color:#8f8798;margin-bottom:8px;font-size:13px;font-weight:500}.balance-card h2{color:#fff;letter-spacing:-1.8px;margin:0;font-size:clamp(32px,5vw,48px);font-weight:700}.comparison{color:#8e8797;align-items:center;gap:14px;margin-top:10px;font-size:12px;display:flex}.comparison span:first-child{color:#45bd83}.comparison span:nth-child(2){color:#c083ff}.comparison small{color:#706978}.eye-button{color:#9e96a8;cursor:pointer;background:#ffffff09;border:1px solid #ffffff14;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.eye-button:hover{color:#c59aff;background:#a66bff1a;border-color:#a66bff59}.dynamic-chart{width:100%;margin-top:10px;position:relative}.chart-svg{overflow:visible}.chart-tooltip{pointer-events:none}.month-selector{z-index:2;color:#908899;background:#ffffff06;border:1px solid #ffffff0f;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:fit-content;margin:12px auto 0;padding:7px 12px;font-size:12px;display:flex;position:relative}.month-selector select{appearance:none;color:#bdb5c7;cursor:pointer;background:0 0;border:0;outline:0;font-size:12px}.month-selector select option{color:#fff;background:#211a28}.section{min-width:0}.section-title{justify-content:space-between;align-items:center;width:100%;min-height:42px;margin-bottom:14px;display:flex}.section-title h2{color:#f5f1f8;letter-spacing:-.4px;margin:0;font-size:18px;font-weight:650}.section-title button{color:#9c67ff;cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:500}.section-title button:hover{color:#b58bff}.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.category-card{background:linear-gradient(145deg,#1e1824fa,#15111bfa);border:1px solid #ffffff0e;border-radius:16px;flex-direction:column;min-width:0;min-height:128px;padding:17px;transition:transform .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.category-card:hover{border-color:#a66bff33;transform:translateY(-2px)}.category-icon{background:#ffffff0e;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:auto;font-size:18px;display:flex}.category-card>span{color:#958d9e;text-overflow:ellipsis;white-space:nowrap;margin-top:14px;font-size:12px;display:block;overflow:hidden}.category-card>strong{color:#f3eef6;margin-top:4px;font-size:15px;font-weight:650;display:block}.category-card.green .category-icon{background:#34be7d1a}.category-card.orange .category-icon{background:#f69b481a}.category-card.purple .category-icon{background:#9758ff1f}.category-card.blue .category-icon{background:#4c91ff1a}.category-card.red .category-icon{background:#f254691a}.transaction-header-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.add-small-button{color:#b889ff;cursor:pointer;background:#8b5cf61f;border:1px solid #9a5cff59;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.add-small-button span{font-size:18px;line-height:1}.add-small-button:hover{background:#8b5cf638;border-color:#9a5cff8c}.add-small-button:active{transform:scale(.97)}.see-all-button{color:#9b65ff;cursor:pointer;background:0 0;border:0;font-family:inherit;font-size:12px;font-weight:500}.see-all-button:hover{color:#bd93ff}.expenses-list{flex-direction:column;gap:8px;width:100%;display:flex}.expense-item{background:#1c1621e0;border:1px solid #ffffff0e;border-radius:14px;align-items:center;width:100%;min-width:0;min-height:68px;padding:11px 13px;transition:border-color .2s,background .2s;display:flex}.expense-item:hover{background:#221b29f2;border-color:#a66bff2e}.expense-icon{background:#ffffff0d;border-radius:11px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;margin-right:11px;font-size:17px;display:flex}.expense-icon.green{background:#31b9771a}.expense-icon.orange{background:#f5913d1a}.expense-icon.purple{background:#9254ff1c}.expense-icon.blue{background:#4589f41a}.expense-icon.red{background:#ed4b611a}.expense-details{flex-direction:column;flex:1;min-width:0;display:flex}.expense-details strong{color:#eee9f2;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.expense-details span{color:#77707e;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;overflow:hidden}.expense-value{flex-direction:column;flex:none;align-items:flex-end;margin-left:10px;display:flex}.expense-value strong{white-space:nowrap;font-size:13px;font-weight:650}.expense-value>span{color:#6e6875;margin-top:3px;font-size:9px}.expense-value strong.expense-value{color:#c083ff}.expense-value strong.income-value{color:#43bd80}.expense-actions{align-items:center;gap:5px;margin-left:9px;display:flex}.expense-actions button{cursor:pointer;opacity:0;background:#ffffff06;border:1px solid #ffffff0f;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:opacity .2s,background .2s;display:flex}.expense-item:hover .expense-actions button{opacity:1}.expense-edit{color:#aa7aff}.expense-delete{color:#ef7181}.expense-actions button:hover{background:#ffffff12}.expense-actions button:disabled{opacity:.35;cursor:default}.back-button{color:#8d8594!important;margin-bottom:7px!important;padding:0!important;font-size:11px!important;display:block!important}.settings-card{background:#1c1621e0;border:1px solid #ffffff0f;border-radius:16px;width:100%;padding:18px}.settings-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.settings-row>div{flex-direction:column;display:flex}.settings-row strong{color:#eee8f2;font-size:14px}.settings-row span{color:#77707e;margin-top:4px;font-size:11px}.settings-logout{color:#ef7886;cursor:pointer;background:#ee5a6d12;border:1px solid #ee5a6d38;border-radius:10px;padding:10px 14px}.settings-logout:hover{background:#ee5a6d21}.bottom-nav{z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#18131df0;border:1px solid #ffffff14;border-radius:18px;justify-content:space-around;align-items:center;width:min(560px,100% - 30px);padding:7px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 15px 50px #00000059}.bottom-nav button{color:#6f6877;cursor:pointer;background:0 0;border:0;border-radius:13px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:60px;height:52px;transition:color .2s,background .2s;display:flex}.bottom-nav button span{font-size:17px;line-height:1}.bottom-nav button small{font-size:9px;font-weight:500}.bottom-nav button.active{color:#a86dff;background:#8b5cf61f}.bottom-nav button:nth-child(3){color:#a86dff}.bottom-nav button:nth-child(3) span{color:#fff;background:#8b5cf6;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:22px;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050308b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.expense-modal{background:linear-gradient(145deg,#211a28,#17121d);border:1px solid #ffffff14;border-radius:20px;width:min(460px,100%);max-height:calc(100vh - 40px);padding:24px;overflow-y:auto;box-shadow:0 30px 90px #0000008c}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.modal-eyebrow{color:#8d8497;letter-spacing:1.2px;margin-bottom:5px;font-size:9px;font-weight:700;display:block}.modal-header h2{color:#f5f0f8;letter-spacing:-.5px;margin:0;font-size:22px}.modal-close{color:#918998;cursor:pointer;background:#ffffff09;border:1px solid #ffffff12;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:22px;display:flex}.transaction-type{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;display:grid}.transaction-type button{color:#837b8c;cursor:pointer;background:#ffffff06;border:1px solid #ffffff12;border-radius:12px;justify-content:center;align-items:center;gap:8px;height:46px;display:flex}.transaction-type button.active.expense{color:#b584ff;background:#8b5cf61f;border-color:#a66bff66}.transaction-type button.active.income{color:#52c98d;background:#41be8017;border-color:#41be8059}.form-field{margin-bottom:15px;display:block}.form-field>span{color:#938b9c;margin-bottom:7px;font-size:11px;font-weight:500;display:block}.form-field input,.form-field select{color:#eee9f2;background:#ffffff09;border:1px solid #ffffff12;border-radius:11px;outline:none;width:100%;height:45px;padding:0 13px;font-size:13px;transition:border-color .2s,background .2s}.form-field input::placeholder{color:#625b69}.form-field input:focus,.form-field select:focus{background:#ffffff0d;border-color:#9d60ff8c}.form-field select option{color:#fff;background:#211a28}.amount-input{position:relative}.amount-input input{padding-right:55px;font-size:20px;font-weight:650}.amount-input strong{color:#817988;font-size:11px;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.form-error{color:#ed7d8b;background:#ee5a6d12;border:1px solid #ee5a6d33;border-radius:9px;margin-bottom:14px;padding:10px 12px;font-size:11px}.modal-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#9d62ed);border:0;border-radius:12px;width:100%;height:47px;margin-top:4px;font-size:13px;font-weight:650;transition:transform .2s,filter .2s;box-shadow:0 10px 25px #8b5cf62e}.modal-submit:hover{filter:brightness(1.08)}.modal-submit:active{transform:scale(.99)}.modal-submit:disabled{opacity:.6;cursor:default}.auth-page{background:radial-gradient(circle at 50% 0,#8b5cf621,#0000 35%),#0d0a10;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.auth-card{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#19131eed;border:1px solid #ffffff12;border-radius:22px;width:min(430px,100%);padding:30px;position:relative;box-shadow:0 30px 100px #0000006b}.auth-brand{color:#f5f1f8;margin-bottom:34px;font-size:21px;font-weight:700}.auth-brand strong{color:#a66bff}.auth-heading{margin-bottom:25px}.auth-eyebrow{color:#8b8195;letter-spacing:1.2px;margin-bottom:7px;font-size:9px;font-weight:700;display:block}.auth-heading h1{color:#f5f0f8;letter-spacing:-1px;margin:0;font-size:30px}.auth-heading p{color:#77707e;margin:8px 0 0;font-size:12px;line-height:1.6}.auth-field{margin-bottom:15px;display:block}.auth-field>span{color:#938b9c;margin-bottom:7px;font-size:11px;display:block}.auth-field input{color:#eee9f2;background:#ffffff09;border:1px solid #ffffff12;border-radius:11px;outline:none;width:100%;height:46px;padding:0 13px}.auth-field input:focus{border-color:#9d60ff8c}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#9d62ed);border:0;border-radius:12px;width:100%;height:47px;margin-top:5px;font-size:13px;font-weight:650}.auth-submit:disabled{opacity:.6}.auth-error{color:#ed7d8b;background:#ee5a6d12;border-radius:9px;margin-bottom:12px;padding:10px;font-size:11px}.auth-switch{color:#716a78;justify-content:center;align-items:center;gap:6px;margin-top:20px;font-size:11px;display:flex}.auth-switch button{color:#a66bff;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px}@media (width>=701px){.home-dashboard .categories-section,.home-dashboard .expenses-section{align-items:center}.home-dashboard .categories-section>*,.home-dashboard .expenses-section>*{width:100%}}@media (width<=900px){.dashboard{width:min(100% - 30px,760px)}.home-dashboard{gap:18px}.category-card{min-height:115px}}@media (width<=700px){.app{padding-bottom:88px}.topbar{width:calc(100% - 30px);padding-top:18px}.dashboard{width:calc(100% - 30px);padding-top:18px;padding-bottom:25px}.home-dashboard{flex-direction:column;gap:20px;display:flex}.home-dashboard .balance-card,.home-dashboard .categories-section,.home-dashboard .expenses-section{grid-area:auto;width:100%}.balance-card{border-radius:18px;padding:20px}.balance-card h2{font-size:34px}.comparison{flex-wrap:wrap;gap:9px}.categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.category-card{border-radius:14px;min-height:112px;padding:13px}.category-icon{width:32px;height:32px;font-size:15px}.transaction-header-actions{gap:6px}.add-small-button{height:34px;padding:0 10px;font-size:11px}.add-small-button span{font-size:16px}.see-all-button{font-size:10px}.expense-item{min-height:64px;padding:9px 10px}.expense-icon{width:34px;height:34px;margin-right:9px}.expense-details strong{font-size:12px}.expense-details span{font-size:9px}.expense-value strong{font-size:11px}.expense-actions{margin-left:6px}.expense-actions button{opacity:1;width:28px;height:28px;font-size:11px}.bottom-nav{border-radius:16px;width:calc(100% - 20px);padding:5px;bottom:10px}.bottom-nav button{min-width:0;height:48px}.bottom-nav button span{font-size:15px}.bottom-nav button small{font-size:8px}.bottom-nav button:nth-child(3) span{width:29px;height:29px;font-size:19px}.modal-backdrop{align-items:flex-end;padding:0}.expense-modal{border-radius:20px 20px 0 0;width:100%;max-height:92vh;padding:20px}.modal-header h2{font-size:20px}.transaction-type button{height:44px}.settings-row{flex-direction:column;align-items:flex-start}.settings-logout{width:100%}}@media (width<=380px){.dashboard,.topbar{width:calc(100% - 22px)}.balance-card{padding:17px}.balance-card h2{font-size:30px}.categories{gap:7px}.category-card{padding:11px}.expense-value{margin-left:5px}.expense-actions{gap:3px}.expense-actions button{width:25px;height:25px}.transaction-header-actions{gap:3px}.add-small-button{padding:0 8px}}