:root{--bg-color: #0c0e12;--panel-bg: rgba(23, 27, 34, .7);--accent-primary: #3b82f6;--accent-secondary: #10b981;--accent-danger: #ef4444;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-color: rgba(255, 255, 255, .1);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--card-gradient: linear-gradient(135deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, 0) 100%)}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,Inter,-apple-system,sans-serif}body{background-color:var(--bg-color);background-image:radial-gradient(at 0% 0%,rgba(59,130,246,.05) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(16,185,129,.05) 0px,transparent 50%);color:var(--text-primary);min-height:100vh;overflow-x:hidden}#root{min-height:100vh}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 8px 32px #0006}.card{padding:1.5rem;background:var(--card-gradient);transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000080;border-color:#ffffff26}.btn{padding:10px 24px;border-radius:12px;border:none;cursor:pointer;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:8px;font-size:.9rem;letter-spacing:.025em}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 14px #3b82f663}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f680;filter:brightness(1.1)}.btn-ghost{background:#ffffff08;color:var(--text-secondary);border:1px solid var(--glass-border)}.btn-ghost:hover{background:#ffffff14;color:var(--text-primary);border-color:#fff3}.input-field{background:#0003;border:1px solid var(--glass-border);border-radius:12px;padding:12px 16px;color:var(--text-primary);width:100%;outline:none;transition:all .2s ease}.input-field:focus{border-color:var(--accent-primary);background:#0006;box-shadow:0 0 0 4px #3b82f61a}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s cubic-bezier(.4,0,.2,1) forwards}.grid-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:1rem}.text-gradient{background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.table-row-hover:hover{background:#ffffff05!important}.sidebar-item:hover{background:#3b82f60d!important;color:var(--accent-primary)!important;transform:translate(4px)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:20px;border:3px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:#fff3}.table-container{overflow-x:auto;border-radius:16px;background:#0003}.table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}.table th{padding:1.2rem 1rem;font-size:.85rem;font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--glass-border);text-transform:uppercase;letter-spacing:.05em}.table td{padding:1.2rem 1rem;border-bottom:1px solid var(--glass-border);font-size:.95rem;vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover{background:#ffffff08}.badge{padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;background:#ffffff0d;border:1px solid var(--glass-border);display:inline-block}.badge-income{background:#10b9811a;color:#10b981;border-color:#10b98133}.badge-expense{background:#ef44441a;color:#ef4444;border-color:#ef444433}.icon-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.icon-btn:hover{background:#ffffff0d;color:var(--text-primary);transform:scale(1.1)}