*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%;font-family:Arial,sans-serif}a{text-decoration:none}.auth-page{background:linear-gradient(#ffffffad,#ffffffad),url(/finance-bg.jpg) 50%/cover no-repeat fixed;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{-webkit-backdrop-filter:blur(16px);background:#ffffffd1;border:1px solid #ffffff8c;border-radius:28px;width:100%;max-width:520px;padding:38px;box-shadow:0 16px 40px #0000001a}.auth-card h1{color:#163152;margin-bottom:8px;font-size:40px}.auth-card p{color:#5d718f;margin-bottom:22px;font-size:16px}.auth-form{gap:16px;display:grid}.auth-form input,.auth-form select{color:#163152;background:#ffffffb8;border:1px solid #7889a647;border-radius:16px;outline:none;width:100%;padding:16px;font-size:15px}.password-field{position:relative}.password-field input{width:100%;padding-right:90px}.toggle-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:15px;font-weight:600;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.auth-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ff7b54,#ff4d6d);border:none;border-radius:16px;padding:16px;font-size:18px;font-weight:600}.auth-btn:hover{opacity:.92}.auth-error{color:#dc2626;font-size:14px}.auth-switch{margin-top:16px;font-size:16px}.auth-switch a{color:#2563eb;font-weight:700}body.light{--page-overlay:linear-gradient(#ffffff8f, #f5f8ff94);--bg-main:transparent;--sidebar-bg:#ffffff57;--card-bg:#ffffff7a;--card-bg-solid:#ffffff9e;--input-bg:#ffffffb8;--text-main:#17314f;--text-soft:#36506d;--text-muted:#64748b;--border-soft:#5f75972e;--shadow-main:0 14px 36px #5e6e8b1f;--table-head:#edf2f9e0}body.dark{--page-overlay:linear-gradient(#070c18d1, #0d1425db);--bg-main:transparent;--sidebar-bg:#141c30ad;--card-bg:#121a2c94;--card-bg-solid:#0f1626b8;--input-bg:#0c1322c7;--text-main:#f7fbff;--text-soft:#d3deea;--text-muted:#a6b4c8;--border-soft:#ffffff1a;--shadow-main:0 14px 38px #00000047;--table-head:#182032e0}body.dashboard-body{background:var(--page-overlay), url(/finance-bg.jpg) center/cover no-repeat fixed;color:var(--text-main);transition:background .3s,color .3s}.dashboard-shell{background:0 0;grid-template-columns:220px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--sidebar-bg);-webkit-backdrop-filter:blur(18px);border-right:1px solid var(--border-soft);padding:22px 16px;transition:all .25s}.sidebar-brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.sidebar-logo{color:#111827;background:linear-gradient(135deg,#fff,#d8e0ff);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;font-weight:700;display:flex}.sidebar-brand h3{color:var(--text-main);margin-bottom:3px;font-size:16px}.sidebar-brand p{color:var(--text-muted);font-size:12px;line-height:1.4}.sidebar-nav{flex-direction:column;gap:10px;display:flex}.nav-item{color:var(--text-main);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:14px;padding:14px 16px;font-size:15px;transition:all .2s}.nav-item.active{color:#fff;background:linear-gradient(90deg,#ff7b54,#ff4d6d);font-weight:600;box-shadow:0 10px 22px #ff698738}.nav-item:hover{background:#ffffff24}body.light .nav-item:hover{background:#ffffff6b}.dashboard-main{padding:18px;overflow-x:hidden}.card-theme{background:var(--card-bg);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-soft);box-shadow:var(--shadow-main);border-radius:20px;transition:all .25s}.card-theme:hover{transform:translateY(-3px)}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:18px;padding:18px 22px;display:flex}.header-center-title h1{letter-spacing:.2px;color:var(--text-main);font-size:20px;font-weight:700}.header-right-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.today-text{color:var(--text-soft);font-size:13px}.role-select{background:var(--input-bg);color:var(--text-main);border:1px solid var(--border-soft);border-radius:12px;outline:none;padding:10px 12px}.theme-btn,.logout-btn,.export-btn,.transaction-form button,.edit-btn,.delete-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;padding:10px 14px}.theme-btn{background:linear-gradient(90deg,#8093ff,#667eea);min-width:52px}.logout-btn{background:linear-gradient(90deg,#ff6a5b,#ef4444)}.export-btn{background:linear-gradient(90deg,#ff7b54,#ff4d6d)}.edit-btn{background:linear-gradient(90deg,#f59e0b,#fb923c)}.delete-btn{background:linear-gradient(90deg,#ef4444,#dc2626)}.month-strip{margin-bottom:18px;padding:14px}.months-row{gap:8px;display:flex;overflow-x:auto}.month-pill{background:var(--input-bg);border:1px solid var(--border-soft);color:var(--text-soft);cursor:pointer;white-space:nowrap;border-radius:12px;padding:8px 12px;font-size:11px}.month-pill.active{color:#fff;background:linear-gradient(90deg,#ff7b54,#ff4d6d)}.top-dashboard-grid{grid-template-columns:2fr 1fr;gap:18px;margin-bottom:18px;display:grid}.right-top-panel{gap:18px;display:grid}.chart-panel,.ratio-card{background:var(--card-bg);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-soft);box-shadow:var(--shadow-main);border-radius:20px;padding:18px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.panel-header h3{color:var(--text-main);font-size:18px}.chart-box.large-chart{width:100%;height:320px}.ratio-content{gap:16px;display:grid}.ratio-chart-wrap{height:220px;position:relative}.ratio-center-text{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ratio-center-text span{color:var(--text-soft);font-size:13px}.ratio-center-text strong{color:var(--text-main);font-size:28px}.balance-credit-card{gap:14px;display:grid}.fake-card{background:linear-gradient(135deg,#cfd9e9,#edf2fb,#c3cedf);border-radius:18px;height:120px;padding:18px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff8c}body.dark .fake-card{background:linear-gradient(135deg,#2c3448,#6b7280,#1f2937)}.fake-card-chip{background:linear-gradient(135deg,#fef3c7,#d4af37);border-radius:6px;width:34px;height:24px;margin-bottom:36px}.fake-card-brand{background:linear-gradient(90deg,#ff3131 0 50%,#fbbf24 50% 100%);border-radius:50px;width:40px;height:24px;position:absolute;top:18px;right:18px}.fake-card p{color:#fff;letter-spacing:1px;font-size:18px}body.light .fake-card p{color:#334155}.balance-card-text{justify-content:space-between;align-items:center;display:flex}.balance-card-text span{color:var(--text-soft)}.balance-card-text strong{color:var(--text-main);font-size:26px}.summary-stack{gap:14px;display:grid}.mini-stat-card{background:var(--card-bg);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-soft);box-shadow:var(--shadow-main);border-radius:20px;padding:16px 18px;transition:all .25s}.mini-stat-card:hover{transform:translateY(-3px)}.mini-stat-card h4{color:var(--text-soft);margin-bottom:8px;font-size:14px}.mini-stat-card p{color:var(--text-main);font-size:28px;font-weight:700}.balance-glow{box-shadow:inset 0 0 0 1px #6366f129}.income-glow{box-shadow:inset 0 0 0 1px #22c55e29}.expense-glow{box-shadow:inset 0 0 0 1px #ef444429}.mid-grid{margin-bottom:18px}.insights-grid-theme{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.insight-card-theme{background:var(--card-bg);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-soft);min-height:130px;box-shadow:var(--shadow-main);border-radius:20px;flex-direction:column;justify-content:center;padding:22px 20px;transition:all .25s;display:flex}.insight-card-theme:hover{transform:translateY(-3px)}.insight-card-theme h3{color:var(--text-main);margin-bottom:12px;font-size:18px;font-weight:700}.insight-card-theme p{color:var(--text-soft);word-break:break-word;font-size:16px;line-height:1.6}.section-theme{background:var(--card-bg);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-soft);box-shadow:var(--shadow-main);border-radius:20px;padding:18px;transition:all .25s}.section-theme:hover{transform:translateY(-2px)}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-theme h2{color:var(--text-main);font-size:24px}.filters,.transaction-form{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.filters input,.filters select,.transaction-form input,.transaction-form select{border:1px solid var(--border-soft);background:var(--input-bg);width:100%;min-width:0;color:var(--text-main);border-radius:14px;outline:none;padding:12px 14px}.filters input::placeholder,.transaction-form input::placeholder{color:var(--text-muted)}.transaction-form button{background:linear-gradient(90deg,#5b8cff,#7c83fd)}.table-wrapper{background:var(--card-bg-solid);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-soft);border-radius:18px;overflow-x:auto}.transaction-table{border-collapse:collapse;width:100%}.transaction-table th,.transaction-table td{border-bottom:1px solid var(--border-soft);text-align:left;color:var(--text-main);padding:14px}.transaction-table th{background:var(--table-head);color:var(--text-main)}.action-buttons{flex-wrap:wrap;gap:8px;display:flex}.income-text{color:#22c55e;text-transform:capitalize;font-weight:700}.expense-text{color:#ef4444;text-transform:capitalize;font-weight:700}.empty-state{background:var(--card-bg-solid);-webkit-backdrop-filter:blur(14px);text-align:center;color:var(--text-muted);border:1px solid var(--border-soft);border-radius:18px;padding:28px}.no-data-text{color:var(--text-muted)}.theme-btn:hover,.logout-btn:hover,.export-btn:hover,.edit-btn:hover,.delete-btn:hover,.transaction-form button:hover,.auth-btn:hover{opacity:.92}@media (width<=1200px){.top-dashboard-grid{grid-template-columns:1fr}.filters,.transaction-form{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.dashboard-shell{grid-template-columns:1fr}.sidebar{display:none}.insights-grid-theme{grid-template-columns:1fr}}@media (width<=700px){.dashboard-main{padding:12px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:12px}.header-right-meta{justify-content:flex-start;width:100%}.filters,.transaction-form{grid-template-columns:1fr}.auth-card{padding:26px}.auth-card h1{font-size:32px}.section-header{align-items:flex-start}}.recharts-default-legend .recharts-legend-item-text{color:var(--text-soft)!important}.recharts-tooltip-wrapper{outline:none}.chart-panel,.ratio-card{min-height:100%}.panel-header h3{color:var(--text-main)}body.light .chart-panel,body.light .ratio-card{background:#ffffff70}body.dark .chart-panel,body.dark .ratio-card{background:#121a2c94}@media (width<=900px){.insights-grid-theme{grid-template-columns:1fr}}.starter-widget{background:var(--card-bg);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-soft);box-shadow:var(--shadow-main);border-radius:20px;margin-bottom:18px;padding:18px 20px}.starter-widget h3{color:var(--text-main);margin-bottom:8px;font-size:20px}.starter-widget p{color:var(--text-soft);font-size:15px;line-height:1.6}