:root{--bg: #0a0e1a;--bg-soft: #0d1326;--panel-bg: rgba(17, 24, 45, .66);--panel-border: rgba(96, 165, 250, .22);--cyan: #22d3ee;--purple: #a78bfa;--blue: #60a5fa;--text-primary: #e8eefb;--text-secondary: #93a5c6;--text-muted: #5c6f92;--positive: #34d399;--negative: #fb7185;--glow-cyan: rgba(34, 211, 238, .45);--glow-purple: rgba(167, 139, 250, .45);--glow-blue: rgba(96, 165, 250, .4);--glow-positive: rgba(52, 211, 153, .45);--glow-negative: rgba(251, 113, 133, .45);--gradient-title: linear-gradient(100deg, var(--cyan), var(--blue) 45%, var(--purple));--gradient-income: linear-gradient(115deg, #7dedff, var(--cyan) 55%, var(--blue));--gradient-expense: linear-gradient(115deg, #d3c4ff, var(--purple) 55%, var(--blue));--gradient-positive: linear-gradient(115deg, #8ff5d2, var(--positive) 55%, var(--cyan));--radius-lg: 16px;--radius-sm: 10px;--page-max: 1080px;--gap-card: 20px;--gap-section: 24px;--pad-card: 22px 24px;--pad-section: 22px 24px 24px;--font-stack: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Noto Sans SC", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--font-stack);color:var(--text-primary);background-color:var(--bg);background-image:radial-gradient(1100px 560px at 12% -8%,rgba(96,165,250,.16),transparent 62%),radial-gradient(900px 480px at 92% -4%,rgba(167,139,250,.14),transparent 60%),radial-gradient(1000px 520px at 50% 112%,rgba(34,211,238,.1),transparent 62%),linear-gradient(rgba(96,165,250,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(96,165,250,.05) 1px,transparent 1px);background-size:auto,auto,auto,42px 42px,42px 42px;background-attachment:fixed}.page{max-width:var(--page-max);margin:0 auto;padding:40px 24px 48px}.page-header{margin-bottom:28px}.page-title{margin:0 0 10px;font-size:30px;font-weight:700;letter-spacing:2px;background:var(--gradient-title);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 14px rgba(96,165,250,.35))}.page-period{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary)}.period-unit{padding:2px 10px;border:1px solid var(--panel-border);border-radius:999px;font-size:12px;color:var(--cyan);background:#22d3ee14}.page-footer{margin-top:8px;text-align:center;font-size:12px;letter-spacing:1px;color:var(--text-muted)}.page-footer p{margin:0}.panel{position:relative;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:0 18px 40px #0307128c,inset 0 1px #94c5ff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.overview{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-card);margin-bottom:var(--gap-section)}.overview-card{padding:var(--pad-card);overflow:hidden}.overview-card:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.card-income:before{background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 12px var(--glow-cyan)}.card-expense:before{background:linear-gradient(90deg,transparent,var(--purple),transparent);box-shadow:0 0 12px var(--glow-purple)}.card-net:before{background:linear-gradient(90deg,transparent,var(--blue),transparent);box-shadow:0 0 12px var(--glow-blue)}.card-label{margin:0 0 12px;font-size:13px;letter-spacing:3px;color:var(--text-secondary)}.card-value{margin:0;font-size:32px;font-weight:700;line-height:1.15;font-variant-numeric:tabular-nums}.card-income .card-value{background:var(--gradient-income);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px var(--glow-cyan))}.card-expense .card-value{background:var(--gradient-expense);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px var(--glow-purple))}.card-value.is-positive{background:var(--gradient-positive);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 10px var(--glow-positive))}.card-value.is-negative{color:var(--negative);filter:drop-shadow(0 0 10px var(--glow-negative))}.section-card{padding:var(--pad-section);margin-bottom:var(--gap-section)}.section-title{margin:0 0 16px;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;letter-spacing:2px}.section-title:before{content:"";width:4px;height:16px;border-radius:2px;background:linear-gradient(180deg,var(--cyan),var(--purple));box-shadow:0 0 8px var(--glow-cyan)}.trend-chart{width:100%;height:380px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.detail-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.detail-table th{padding:12px 14px;text-align:right;font-size:13px;font-weight:600;letter-spacing:1px;white-space:nowrap;color:var(--cyan);background:linear-gradient(180deg,#60a5fa29,#60a5fa0d);border-bottom:1px solid rgba(34,211,238,.35);box-shadow:0 2px 10px #22d3ee1f}.detail-table td{padding:12px 14px;text-align:right;font-size:14px;white-space:nowrap;color:var(--text-primary);border-bottom:1px solid rgba(96,165,250,.12)}.detail-table th:first-child,.detail-table td:first-child{text-align:left}.detail-table tbody tr:last-child td{border-bottom:none}.detail-table tbody tr{transition:background .15s ease}.detail-table tbody tr:hover{background:#60a5fa14}.cell-month{font-weight:600;color:var(--text-secondary)}.cell-income{color:var(--cyan)}.cell-expense{color:var(--purple)}.cell-net.is-positive{color:var(--positive)}.cell-net.is-negative{color:var(--negative)}.tt-title{margin-bottom:6px;font-weight:600;color:var(--blue)}.tt-row{display:flex;justify-content:space-between;gap:16px;min-width:150px;line-height:1.7}.tt-value{font-variant-numeric:tabular-nums}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(100deg,#60a5fa14 40%,#60a5fa2e,#60a5fa14 60%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease infinite}.skeleton-label{width:84px;height:14px;margin-bottom:14px}.skeleton-value{width:60%;height:30px}.skeleton-chart{height:320px}@keyframes skeleton-shimmer{0%{background-position:120% 0}to{background-position:-80% 0}}.error-panel{max-width:560px;margin:80px auto;padding:32px;border-color:#fb718566;box-shadow:0 0 24px #fb718526}.error-title{margin:0 0 12px;font-size:18px;letter-spacing:2px;color:var(--negative)}.error-message{margin:0 0 8px;font-size:14px;color:var(--text-primary)}.error-hint{margin:0;font-size:13px;color:var(--text-muted)}@media (max-width: 768px){.page{padding:24px 14px 32px}.page-header{margin-bottom:20px}.page-title{font-size:22px;letter-spacing:1px}.overview{grid-template-columns:1fr;gap:14px}.overview-card{padding:16px 18px}.card-value{font-size:28px}.section-card{padding:16px 14px 18px;margin-bottom:16px}.trend-chart{height:280px}.detail-table{min-width:440px}.detail-table th,.detail-table td{padding:10px 12px;font-size:13px}}