@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--bg-color:#0f172a;--text-color:#f8fafc;--card-bg:rgba(30,41,59,.7);--card-border:hsla(0,0%,100%,.1);--primary-color:#3b82f6;--success-color:#10b981;--danger-color:#ef4444;--input-bg:rgba(15,23,42,.8)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-color);min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:2rem;width:100%}.header{margin-bottom:2rem;text-align:center}.header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.header p{color:#94a3b8}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px rgba(0,0,0,.2),0 4px 6px -2px rgba(0,0,0,.1)}.card h3{font-size:1.1rem;color:#cbd5e1;margin-bottom:.5rem;font-weight:500}.card .amount{font-size:2rem;font-weight:700}.amount.income{color:var(--success-color)}.amount.expense{color:var(--danger-color)}.amount.profit{color:var(--primary-color)}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#cbd5e1;font-size:.9rem}.form-control{width:100%;padding:.75rem;border-radius:8px;border:1px solid var(--card-border);background:var(--input-bg);color:#fff;font-family:inherit;font-size:1rem;transition:border-color .2s ease}.form-control:focus{outline:none;border-color:var(--primary-color)}.btn{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease;width:100%;font-size:1rem}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#2563eb}.btn-success{background-color:var(--success-color);color:#fff}.btn-success:hover{background-color:#059669}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#dc2626}.table-container{overflow-x:auto;margin-top:1rem}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:1rem;border-bottom:1px solid var(--card-border)}th{color:#94a3b8;font-weight:500;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em}tr:hover{background-color:hsla(0,0%,100%,.02)}.badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-income{background-color:rgba(16,185,129,.2);color:#34d399}.badge-expense{background-color:rgba(239,68,68,.2);color:#f87171}.tabs{display:flex;gap:1rem;margin-bottom:1.5rem}.tab{padding:.5rem 1rem;border-radius:8px;cursor:pointer;background:transparent;border:1px solid var(--card-border);color:#cbd5e1;transition:all .2s ease}.tab.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}