*{box-sizing:border-box;margin:0;padding:0;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,sans-serif}body{color:#334155;background-color:#f0f5fa}header{color:#fff;background:linear-gradient(135deg,#4b92db,#3470b9);justify-content:space-between;align-items:center;padding:12px 28px;display:flex;box-shadow:0 2px 4px #00000014}.header-logo{align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.header-logo-icon{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.header-right-area{align-items:center;gap:16px;display:flex}.header-date-fixed{opacity:.95;align-items:center;gap:8px;font-size:15px;display:flex}.btn-closing{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:20px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #ea580c66}.btn-closing:hover{background:linear-gradient(135deg,#fb923c,#f97316);transform:translateY(-1px);box-shadow:0 4px 10px #ea580c80}.container{max-width:1200px;margin:24px auto;padding:0 20px}.summary-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px;display:grid}.summary-card{border-radius:12px;align-items:center;gap:16px;padding:18px;display:flex;box-shadow:0 1px 3px #0000000a}.card-icon-circle{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.card-balance{background-color:#eaf6ed}.icon-balance{background-color:#52b774}.card-income{background-color:#e8f3fe}.icon-income{background-color:#3b82f6}.card-expense{background-color:#fdeef2}.icon-expense{background-color:#f43f5e}.card-savings{background-color:#f3e8ff}.icon-savings{background-color:#a855f7}.card-info .label{color:#475569;margin-bottom:4px;font-size:13px;font-weight:600}.card-info .value{color:#0f172a;font-size:24px;font-weight:700}.main-grid{grid-template-columns:1.15fr .85fr;align-items:start;gap:20px;display:grid}.card{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 1px 3px #0000000d}.card-flush{margin-bottom:0}.form-inline{display:inline}.card-header-bar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card-header-bar-tight{margin-bottom:6px}.text-rank{color:#2563eb;font-size:15px}.empty-note{color:#64748b;padding:10px 0;font-size:13px}.icon-chevron{color:#3b82f6}.section-title{color:#1e293b;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.title-icon-box{color:#fff;background-color:#3b82f6;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;display:flex}.test-sub-info{color:#64748b;background-color:#f8fafc;border-radius:6px;gap:16px;margin-bottom:12px;padding:6px 12px;font-size:13px;font-weight:600;display:flex}.btn-group{gap:8px;display:flex}.btn{cursor:pointer;color:#3b82f6;background:#fff;border:1px solid #3b82f6;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn:hover{background-color:#eff6ff}table.data-table{border-collapse:collapse;width:100%;font-size:13px}table.data-table th{color:#334155;text-align:center;background:#edf4fa;border-bottom:1px solid #cbd5e1;padding:10px 8px;font-weight:600}table.data-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:12px 8px}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.cat-income{color:#0284c7;background-color:#e0f2fe}.cat-expense{color:#e11d48;background-color:#ffe4e6}.cat-savings{color:#a855f7;background-color:#f3e5f5}.chart-area-vertical{flex-direction:column;align-items:center;padding:4px 0;display:flex}.donut-chart-wrapper-adjusted{justify-content:center;align-items:center;width:165px;height:165px;margin-bottom:16px;display:flex;position:relative}.donut-chart-adjusted{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.donut-chart-center-adjusted{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:95px;height:95px;display:flex}.chart-center-label{color:#475569;font-size:11px;font-weight:600}.chart-center-val{color:#0f172a;margin-top:1px;font-size:16px;font-weight:700}.chart-legend-bottom{flex-direction:column;gap:8px;width:100%;padding:0 4px;font-size:13px;display:flex}.legend-row-bottom{border-bottom:1px dashed #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:4px;display:flex}.legend-row-bottom:last-child{border-bottom:none}.legend-name{color:#334155;align-items:center;gap:8px;display:flex}.legend-color{border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.legend-right{align-items:center;gap:12px;display:flex}.legend-val{color:#0f172a;font-weight:700}.legend-percent{color:#64748b;text-align:right;min-width:36px;font-size:12px;font-weight:600}table.test-table{border-collapse:collapse;width:100%;font-size:12px}table.test-table th{color:#334155;text-align:center;background:#edf4fa;border-bottom:1px solid #cbd5e1;padding:10px 6px;font-weight:600}table.test-table th.bg-total-th{background-color:#e2e8f0}table.test-table td{text-align:center;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 6px}.text-bold{color:#0f172a;font-size:13px;font-weight:700}.cell-sub{color:#64748b;margin-top:2px;font-size:10px}.rule-grid-2col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rule-item{color:#1e293b;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.rule-item:hover{color:#2563eb;background-color:#f0f7ff;border-color:#3b82f6}.rule-left{align-items:center;gap:10px;display:flex}.rule-icon-box{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.bg-rule-money{background-color:#60a5fa}.bg-rule-test{background-color:#c084fc}