:root{--bg-color: #0f172a;--surface-color: #1e293b;--primary-color: #6366f1;--primary-hover: #4f46e5;--accent-color: #ec4899;--text-primary: #f8fafc;--text-secondary: #94a3b8;--success-color: #10b981;--danger-color: #ef4444;--border-radius: 12px;--font-family: "Inter", system-ui, -apple-system, sans-serif;--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--glass-bg: rgba(30, 41, 59, .7);--glass-border: 1px solid rgba(255, 255, 255, .1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:radial-gradient(circle at 0% 0%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 100% 0%,rgba(16,185,129,.15) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(236,72,153,.15) 0%,transparent 50%),radial-gradient(circle at 0% 100%,rgba(99,102,241,.15) 0%,transparent 50%);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:2rem}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--glass-border);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow);transition:transform .2s ease}.card:hover{transform:translateY(-2px)}.btn{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s;font-size:.95rem}.btn:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-danger{background-color:var(--danger-color)}.input-group{margin-bottom:1rem}.input-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.form-control{width:100%;padding:.75rem;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:1rem;transition:border-color .2s}.form-control:focus{outline:none;border-color:var(--primary-color)}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-4{gap:1rem}.gap-2{gap:.5rem}.grid{display:grid}.grid-cols-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.w-full{width:100%}.text-center{text-align:center}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-4{margin-bottom:1rem}a{color:inherit;text-decoration:none}.min-h-screen{min-height:100vh}.flex-col{flex-direction:column}.flex-grow{flex-grow:1}h1{font-size:2.5rem;background:linear-gradient(to right,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:1.5rem;margin-bottom:1rem}.amount-expense{color:var(--danger-color)}.form-input{width:100%;background-color:#0f172a80;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:.4rem .6rem;color:var(--text-primary);font-size:.9rem;transition:all .2s}.form-input::placeholder{color:#94a3b880}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f140}.logo-sm{height:2rem;width:auto}.btn-submit{width:100%;background:linear-gradient(to right,var(--primary-color),var(--accent-color));color:#fff;font-weight:600;padding:.5rem .75rem;border-radius:.5rem;border:none;cursor:pointer;transition:opacity .2s;box-shadow:0 4px 6px -1px #6366f133;font-size:.95rem}.btn-submit:hover{opacity:.9}.link-bold{font-weight:700;transition:color .2s}.text-accent{color:var(--accent-color)}.text-primary{color:var(--primary-color)}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-12px) scale(.95)}}.user-dropdown{animation:slideDown .4s cubic-bezier(.34,1.56,.64,1)}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:transparent;border:none;color:var(--text-primary);font-size:.95rem;cursor:pointer;border-radius:10px;transition:background .18s ease,color .18s ease,transform .12s ease}.dropdown-item:hover,.dropdown-item:focus{background:linear-gradient(90deg,#6366f10f,#ec48990a);color:var(--primary-color);transform:translate(2px);outline:none}.dropdown-item+.dropdown-item{margin-top:6px}.dropdown-icon{width:18px;height:18px;color:var(--primary-color);flex-shrink:0;opacity:.95}.dropdown-chev{width:18px;height:18px;margin-left:auto;color:#0f172a99;opacity:.9}.dropdown-item .dropdown-chev{transform:translate(8px);opacity:0;transition:opacity .16s ease,transform .2s ease}.dropdown-item:hover .dropdown-chev,.dropdown-item:focus .dropdown-chev{transform:translate(0);opacity:1}.user-dropdown:focus-within{box-shadow:0 6px 30px #02061759}.user-btn{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:background .16s ease,transform .12s ease,box-shadow .16s ease}.user-btn:hover,.user-btn:focus{background:#ffffff0a;transform:translateY(-1px);box-shadow:0 8px 30px #02061759;outline:none}.user-btn .welcome{font-size:.75rem;color:var(--text-secondary);display:inline-block}.user-btn .username{font-weight:600;color:var(--text-primary);max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.user-btn .username,.user-dropdown p,.user-dropdown .username{text-transform:none!important}.user-btn .welcome{margin-right:4px}.user-dropdown .dropdown-item{border-bottom:1px solid rgba(255,255,255,.04)}.user-dropdown .dropdown-item:last-child{border-bottom:none}