:root{--navy:#10233f;--blue:#2563eb;--cyan:#06b6d4;--green:#16a34a;--red:#dc2626;--gold:#f59e0b;--bg:#eef4fb;--card:#ffffff;--text:#1f2937;--muted:#64748b;--line:#dbe6f3;--shadow:0 18px 45px rgba(15,35,68,.12)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(135deg,#eef7ff 0%,#f8fbff 45%,#eef4fb 100%);color:var(--text)}a{color:var(--blue);text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:275px;background:linear-gradient(180deg,#0f2140,#152b55 60%,#0e7490);color:#fff;padding:28px 20px;position:fixed;inset:0 auto 0 0;box-shadow:var(--shadow)}.brand{display:flex;gap:12px;align-items:center;margin-bottom:35px}.logo{height:48px;width:48px;border-radius:16px;background:linear-gradient(135deg,var(--cyan),var(--gold));display:grid;place-items:center;font-weight:900;color:#082032}.brand strong{display:block;font-size:22px}.brand span{font-size:13px;opacity:.78}.nav{display:grid;gap:9px}.nav a{color:#dff6ff;padding:12px 14px;border-radius:14px;font-weight:700}.nav a:hover{background:rgba(255,255,255,.12);color:#fff}.userbox{position:absolute;left:20px;right:20px;bottom:22px;background:rgba(255,255,255,.12);padding:15px;border-radius:18px;font-size:13px}.userbox small{display:block;margin-top:5px;color:#afe9ff}.main{margin-left:275px;padding:32px;width:calc(100% - 275px)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.topbar h1{margin:0;color:var(--navy);font-size:30px}.topbar p{margin:5px 0 0;color:var(--muted)}.card,.login-card{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow);margin-bottom:22px}.login-card{max-width:460px;margin:80px auto}.card-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.card h2,.login-card h2{margin:0 0 14px;color:var(--navy)}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:22px}.stats.compact{margin-top:22px}.stat{border-radius:24px;padding:24px;color:#fff;box-shadow:var(--shadow)}.stat span{display:block;opacity:.86;font-size:14px;margin-bottom:12px}.stat strong{font-size:32px}.stat.income{background:linear-gradient(135deg,#15803d,#22c55e)}.stat.expense{background:linear-gradient(135deg,#b91c1c,#ef4444)}.stat.balance{background:linear-gradient(135deg,#1d4ed8,#06b6d4)}.form{display:grid;gap:15px}.form label,.filters label{display:grid;gap:7px;font-weight:700;color:#334155}.form input,.form select,.form textarea,.filters input,.filters select{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px 13px;font:inherit;background:#fbfdff}.form small{color:var(--muted);font-weight:500}.inline{display:grid;grid-template-columns:1fr 1fr;gap:14px}.filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:end}.btn{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--line);background:#fff;border-radius:14px;padding:11px 16px;font-weight:800;color:var(--navy);cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--cyan));border:0;color:#fff}.alert{padding:14px 18px;border-radius:16px;margin-bottom:18px;font-weight:700}.alert.success{background:#dcfce7;color:#166534}.alert.error{background:#fee2e2;color:#991b1b}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{padding:13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f1f6fc;color:#334155;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.amount{font-weight:900}.income-text{color:var(--green)}.expense-text{color:var(--red)}.pill{display:inline-block;padding:5px 10px;border-radius:999px;background:#eef2ff;font-size:12px;font-weight:900}.grid.two{display:grid;grid-template-columns:1fr 1.4fr;gap:22px}@media(max-width:900px){.sidebar{position:static;width:auto}.shell{display:block}.main{margin-left:0;width:auto;padding:18px}.stats,.grid.two,.inline,.filters{grid-template-columns:1fr}.userbox{position:static;margin-top:20px}.topbar h1{font-size:24px}}@media print{.sidebar,.topbar,.filters,.btn{display:none!important}.main{margin:0;width:100%;padding:0}.card,.stat{box-shadow:none}.stats{grid-template-columns:repeat(3,1fr)}body{background:#fff}}