@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@1,500&display=swap";:root{--bg-gradient: linear-gradient(135deg, #e0c3fc 0%, #8ec5fc 100%);--glass-bg: rgba(255, 255, 255, .45);--glass-border: rgba(255, 255, 255, .6);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .1);--glass-blur: blur(12px);--text-main: #1e293b;--text-muted: #475569;--text-inverse: #ffffff;--primary: #6366f1;--primary-hover: #4f46e5;--success: #10b981;--success-bg: rgba(16, 185, 129, .15);--danger: #f43f5e;--danger-bg: rgba(244, 63, 94, .15);--warning: #f59e0b;--bottom-nav-height: 70px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background:var(--bg-gradient);background-attachment:fixed;color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3,h4,h5,h6{color:#0f172a;font-weight:600}.app-layout{display:flex;flex-direction:column;min-height:100vh}.top-header{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:calc(1rem + env(safe-area-inset-top,0px)) 3rem 1rem 3rem;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px #0000000d}.header-brand{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--primary)}.header-nav{display:flex;align-items:center;gap:.5rem}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;color:var(--text-muted);text-decoration:none;border-radius:99px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500}.nav-item:hover,.nav-item.active{background:#ffffffb3;color:var(--primary);box-shadow:0 2px 10px #00000005}.main-content{flex:1;padding:2.5rem 3rem;overflow-y:auto;max-width:1800px;width:100%;margin:0 auto}.bottom-nav{display:none;position:fixed;bottom:env(safe-area-inset-bottom,0px);left:1rem;right:1rem;height:var(--bottom-nav-height);background:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:2rem;justify-content:space-around;align-items:center;z-index:1000;box-shadow:0 10px 30px #00000026}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;width:20%;transition:all .3s}.bottom-nav-item.active{color:var(--primary);transform:translateY(-2px)}.bottom-nav-item span{font-size:.65rem;margin-top:.25rem;font-weight:600}.bottom-nav-add{background:linear-gradient(135deg,var(--primary),#a855f7);color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #6366f166;transform:translateY(-15px);transition:transform .2s}.bottom-nav-add:active{transform:translateY(-12px) scale(.95)}.home-hero{position:relative;width:100%;min-height:400px;border-radius:24px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:2rem;background:url(https://images.unsplash.com/photo-1579621970563-ebec7560ff3e?ixlib=rb-4.0.3&auto=format&fit=crop&w=1600&q=80) center/cover no-repeat;box-shadow:var(--glass-shadow);margin-bottom:2rem}.home-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom right,#0006,#0003)}.home-glass-card{position:relative;z-index:1;background:#ffffff40;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.4);border-radius:20px;padding:3rem 2rem;text-align:center;max-width:800px;width:100%;color:#fff;box-shadow:0 10px 40px #0000001a}.home-glass-card h1{color:#fff;font-size:3rem;margin-bottom:.5rem;letter-spacing:-1px}.home-glass-card .subtitle{font-size:1.1rem;opacity:.9;margin-bottom:2rem;font-weight:300}.quote-container{background:#0003;padding:1.5rem;border-radius:12px;border-left:4px solid var(--primary)}.quote-text{font-family:Playfair Display,serif;font-size:1.25rem;line-height:1.6;font-style:italic;text-shadow:0 2px 4px rgba(0,0,0,.2)}.home-quick-actions{display:flex;gap:1rem;margin-top:2rem}.home-action-card{flex:1;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:transform .2s}.home-action-card:hover{transform:translateY(-5px)}.home-action-icon{background:linear-gradient(135deg,var(--primary),#a855f7);color:#fff;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center}.home-action-text h4{margin-bottom:.25rem}.home-action-text p{font-size:.8rem;color:var(--text-muted)}.card,.feed-item,select,input{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.card{padding:1.75rem;margin-bottom:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.summary-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.summary-title{color:var(--text-muted);font-size:.95rem;font-weight:500;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.summary-value{font-size:2rem;font-weight:700;color:#0f172a}.summary-value.income{color:var(--success)}.summary-value.expense{color:var(--danger)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:var(--text-main)}.form-control{width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .3s;color:var(--text-main);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px}.form-control::-webkit-calendar-picker-indicator{filter:invert(.5);cursor:pointer}.form-control::placeholder{color:#94a3b8}.form-control:focus{outline:none;background:#ffffffb3;border-color:var(--primary);box-shadow:0 0 0 4px #6366f126}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;border:1px solid transparent;transition:all .2s;box-shadow:0 4px 12px #0000000d}.btn-primary{background:linear-gradient(135deg,var(--primary),#8b5cf6);color:#fff;border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 15px #6366f14d}.btn-primary:active{transform:translateY(0)}.btn-outline{background:var(--glass-bg);border-color:var(--glass-border);color:var(--text-main)}.btn-outline:hover{background:#fffc}.feed-list{display:flex;flex-direction:column;gap:1rem}.feed-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;transition:transform .2s}.feed-item:hover{transform:translateY(-2px)}.feed-item-left{display:flex;align-items:center;gap:1rem}.feed-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#fffc;box-shadow:0 4px 10px #00000008}.feed-icon.income{color:var(--success)}.feed-icon.expense{color:var(--danger)}.feed-details h4{font-size:1.05rem;margin-bottom:.25rem}.feed-details p{font-size:.8rem;color:var(--text-muted)}.feed-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.feed-amount{font-weight:700;font-size:1.1rem}.feed-amount.income{color:var(--success)}.feed-amount.expense{color:var(--text-main)}.badge{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:700}.badge.income{background:var(--success-bg);color:var(--success)}.badge.expense{background:var(--danger-bg);color:var(--danger)}.category-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.header-nav{display:none}.top-header{padding:calc(1rem + env(safe-area-inset-top,0px)) 1rem 1rem 1rem;justify-content:center}.main-content{padding:1.25rem 1rem calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 1.5rem)}.bottom-nav{display:flex}.grid-3{grid-template-columns:1fr;gap:.5rem}.category-layout{grid-template-columns:1fr;gap:2rem}.category-grid{grid-template-columns:1fr}.card{padding:1.25rem}.summary-value{font-size:1.75rem}.home-hero{min-height:350px;padding:1.5rem;border-radius:20px}.home-glass-card{padding:2rem 1.5rem}.home-glass-card h1{font-size:2.25rem}.home-quick-actions{flex-direction:column}}input[type=file].form-control{padding:.5rem;background:var(--glass-bg);color:var(--text-muted)}input[type=file].form-control::file-selector-button{background:linear-gradient(135deg,var(--primary),#a855f7);color:#fff;padding:.4rem 1rem;border:none;border-radius:8px;cursor:pointer;margin-right:1rem;font-weight:600;font-size:.85rem;transition:all .2s ease;box-shadow:0 4px 10px #6366f133}input[type=file].form-control::file-selector-button:hover{transform:translateY(-1px);box-shadow:0 6px 14px #6366f14d}input[type=file].form-control::file-selector-button:active{transform:translateY(1px)}