@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--glass-bg:#ffffff08;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000005e;--primary:#818cf8;--primary-glow:#818cf866;--success:#34d399;--danger:#fb7185;--text-main:#f8fafc;--text-muted:#94a3b8;--radius-lg:24px;--radius-md:16px;--radius-sm:8px}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background:var(--bg-gradient);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}.glass-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);background:#ffffff05;border:1px solid #ffffff0d;transition:transform .2s,box-shadow .2s,background .2s}.glass-card:hover{background:#ffffff0a;transform:translateY(-2px);box-shadow:0 10px 25px -5px #00000080}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--glass-border);flex-direction:column;gap:2rem;width:280px;padding:2rem;display:flex}.main-content{flex:1;padding:2rem 3rem;overflow-y:auto}h1{margin-bottom:.5rem;font-size:2.5rem;font-weight:700}h2{margin-bottom:1rem;font-size:1.75rem;font-weight:600}h3{font-size:1.25rem;font-weight:500}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-primary{color:var(--primary)}.nav-item{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;align-items:center;gap:1rem;padding:1rem 1.5rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.nav-item:hover,.nav-item.active{color:var(--primary);box-shadow:inset 3px 0 0 var(--primary);background:#818cf81a}.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:2rem;display:grid}.stat-card{flex-direction:column;gap:.5rem;padding:2rem;display:flex}.stat-value{text-shadow:0 0 20px var(--primary-glow);font-size:2.5rem;font-weight:700}button{background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 4px 15px var(--primary-glow);border:none;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}button:hover{transform:translateY(-1px);box-shadow:0 6px 20px #818cf899}button.secondary{box-shadow:none;border:1px solid var(--glass-border);background:#ffffff0d}button.secondary:hover{background:#ffffff1a}input,select{border:1px solid var(--glass-border);color:#fff;border-radius:var(--radius-sm);background:#0003;width:100%;margin-bottom:1rem;padding:.75rem 1rem;font-family:Outfit,sans-serif}input:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #818cf833}.transaction-list{flex-direction:column;gap:.75rem;display:flex}.transaction-item{justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.transaction-left{flex-direction:column;display:flex}.transaction-right{font-size:1.1rem;font-weight:600}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.badge.income{color:var(--success);background:#34d3991a}.badge.expense{color:var(--danger);background:#fb71851a}.badge.projected{color:var(--primary);background:#818cf81a}.timeline{padding-left:2rem;position:relative}.timeline:before{content:"";background:var(--glass-border);width:2px;position:absolute;top:0;bottom:0;left:.5rem}.timeline-item{margin-bottom:1.5rem;position:relative}.timeline-item:before{content:"";background:var(--primary);width:12px;height:12px;box-shadow:0 0 10px var(--primary-glow);border:2px solid #0f172a;border-radius:50%;position:absolute;top:.5rem;left:-1.85rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}