body{background:#f1f5f9;font-family:Inter,sans-serif;margin:0}.navbar{color:#fff;font-weight:500;gap:30px;padding:15px 30px}.navbar a{color:#cbd5f5;text-decoration:none}.navbar a:hover{color:#fff}.metrics-container{display:flex;gap:20px}.metric{border-radius:12px;color:#fff;flex:1 1;padding:20px}.metric.income{background:#22c55e}.metric.expense{background:#ef4444}.metric.balance{background:#3b82f6}.metric p{margin:0;opacity:.9}.metric h3{margin-top:5px}.table{border-collapse:collapse;font-size:14px;margin-top:10px;width:100%}.table th{background:#1e293b;color:#fff;padding:12px;text-align:left}.table td{border-bottom:1px solid #e2e8f0;padding:12px}.table tr:hover{background:#f8fafc}.container{margin:auto;max-width:1000px;padding:20px}.card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:25px;padding:20px}button{border-radius:6px;padding:6px 12px}.navbar{align-items:center;background:#0f172a;display:flex;justify-content:space-between;padding:12px 30px}.logo{color:#fff;margin:0}.nav-links{display:flex;gap:20px}.nav-links a{border-radius:6px;color:#94a3b8;font-weight:500;padding:6px 10px;text-decoration:none;transition:.2s}.nav-links a:hover{background:#1e293b;color:#fff}.nav-links a.active{background:#3b82f6;color:#fff}.add-card{margin:40px auto;margin:50px auto;max-width:600px;max-width:900px;text-align:center}.subtext{color:#64748b;margin-bottom:20px}.form{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}input,select{border:1px solid #cbd5e1;border-radius:8px;font-size:14px;padding:10px;width:48%}button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 16px;width:100%}button:hover{background:#2563eb}.layout{display:flex}.sidebar{background:#0f172a;color:#fff;height:100vh;padding:20px;position:fixed;width:220px}.sidebar h2{margin-bottom:30px}.sidebar a{border-radius:6px;color:#94a3b8;display:block;margin-bottom:15px;padding:8px;text-decoration:none}.sidebar a:hover{background:#1e293b;color:#fff}.main{margin-left:240px;padding:30px;width:100%}
/*# sourceMappingURL=main.f8aec308.css.map*/