:root{--primary:#6366f1;--primary-glow:#6366f180;--secondary:#ec4899;--background:#0f172a;--surface:#1e293bb3;--text:#f8fafc;--text-muted:#94a3b8;--border:#ffffff1a;--success:#10b981}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;position:relative;overflow-x:hidden}#root{width:100%;min-height:100vh;overflow-x:hidden}.app-container{width:100%;max-width:1200px;margin:0 auto;padding:1rem;overflow-x:hidden}@media (width>=768px){.app-container{padding:2rem}}.glass-panel{background:var(--surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:1rem;width:100%;min-width:0;padding:1.25rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@media (width>=768px){.glass-panel{padding:1.5rem}}.glass-panel:hover{box-shadow:0 0 20px var(--primary-glow)}h1,h2,h3{letter-spacing:-.025em;word-wrap:break-word;overflow-wrap:break-word;font-weight:700}.gradient-text{background:linear-gradient(135deg,#818cf8 0%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}button{cursor:pointer;background:var(--primary);color:#fff;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;max-width:100%;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:flex}button:hover{opacity:.9;transform:translateY(-1px)}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{border:1px solid var(--border);color:#fff;background:#0f172a;border-radius:.5rem;width:100%;padding:.75rem;font-family:inherit;font-size:1rem;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none}.dashboard-grid{grid-template-columns:100%;gap:1rem;width:100%;margin-top:1.5rem;display:grid}@media (width>=768px){.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}}.full-width{grid-column:1/-1;width:100%;min-width:0}.app-header{flex-direction:column;gap:1rem;width:100%;margin-bottom:2rem;display:flex}@media (width>=768px){.app-header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:3rem}}.app-nav{flex-wrap:wrap;align-items:center;gap:1rem;width:100%;display:flex}@media (width>=768px){.app-nav{gap:1.5rem;width:auto}}.user-badge{border-left:none;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;width:100%;margin-left:0;padding:.5rem 0;display:flex}@media (width>=768px){.user-badge{border-left:1px solid var(--border);flex-wrap:nowrap;justify-content:flex-start;width:auto;margin-left:1rem;padding:0 0 0 1rem}}.budget-bar-container{border:1px solid var(--border);background:#ffffff0d;border-radius:6px;width:100%;height:12px;margin:1rem 0;overflow:hidden}.budget-bar-fill{height:100%;transition:width .5s ease-out,background .5s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s forwards fadeIn}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-success{color:var(--success)}.text-warning{color:#f59e0b}.text-danger{color:#ef4444}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.5rem}.gap-2{gap:1rem}.w-full{width:100%}.transaction-list{flex-direction:column;gap:.75rem;display:flex}.transaction-card{border:1px solid var(--border);background:#ffffff08;border-radius:.75rem;justify-content:space-between;align-items:center;padding:1rem;transition:all .2s;display:flex}.transaction-card:hover{background:#ffffff0d;border-color:#fff3;transform:translate(4px)}.transaction-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-right:1rem;display:flex}.transaction-info{flex:1;min-width:0}.transaction-desc{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.125rem;font-weight:600;overflow:hidden}.transaction-date{color:var(--text-muted);font-size:.75rem}.transaction-amount-actions{text-align:right;flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.transaction-amount{font-size:1rem;font-weight:700}.transaction-actions{opacity:1;gap:.5rem;display:flex}@media (width>=768px){.transaction-card{padding:1rem 1.25rem}}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}