.analytics-container{max-width:1400px;min-height:calc(100vh - 64px);margin:0 auto;padding:24px 20px 40px}.analytics-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.analytics-header-left{flex:1;min-width:200px}.analytics-title{color:#1a1a2e;margin:0;font-size:28px;font-weight:700;line-height:1.2}.analytics-subtitle{color:#6b7280;margin-top:4px;font-size:15px}.btn-refresh{color:#374151;cursor:pointer;white-space:nowrap;touch-action:manipulation;background:#fff;border:2px solid #e5e7eb;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;min-height:44px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-refresh:hover:not(:disabled){background:#f8fafc;border-color:#4a90e2;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.btn-refresh:active:not(:disabled){transform:scale(.96)}.btn-refresh:disabled{opacity:.6;cursor:not-allowed}.btn-refresh-icon{font-size:16px}.period-filter{background:#fff;border-radius:14px;margin-bottom:24px;padding:12px 16px;box-shadow:0 1px 3px #0000000f}.period-filter-scroll{-webkit-overflow-scrolling:touch;flex-wrap:wrap;gap:8px;padding:4px 2px;display:flex;overflow-x:auto}.period-filter-scroll::-webkit-scrollbar{height:4px}.period-filter-scroll::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.period-filter-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.period-btn{color:#6b7280;cursor:pointer;white-space:nowrap;touch-action:manipulation;background:#fff;border:2px solid #e5e7eb;border-radius:8px;min-height:36px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.period-btn:hover:not(.active){background:#f8fafc;border-color:#d1d5db}.period-btn:active:not(.active){transform:scale(.96)}.period-btn.active{color:#fff;background:#4a90e2;border-color:#4a90e2}.stats-grid{gap:16px;margin-bottom:16px;display:grid}.stats-grid-4{grid-template-columns:repeat(4,1fr)}.stat-card{background:#fff;border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 1px 3px #0000000f}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.stat-card-inner{border-left:4px solid #e5e7eb;padding:18px 20px}.stat-card-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.stat-card-icon{font-size:18px}.stat-card-title{color:#6b7280;margin:0;font-size:13px;font-weight:500}.stat-card-value{color:#1a1a2e;word-break:break-word;font-size:26px;font-weight:700;line-height:1.2}.stat-card-value-small{font-size:20px}.stat-card-subtitle{color:#9ca3af;margin-top:2px;font-size:12px}.stat-card-blue .stat-card-inner{border-left-color:#4a90e2}.stat-card-blue .stat-card-value{color:#4a90e2}.stat-card-green .stat-card-inner{border-left-color:#22c55e}.stat-card-green .stat-card-value{color:#16a34a}.stat-card-orange .stat-card-inner{border-left-color:#f59e0b}.stat-card-orange .stat-card-value{color:#d97706}.stat-card-red .stat-card-inner{border-left-color:#ef4444}.stat-card-red .stat-card-value{color:#dc2626}.extra-expenses-card{background:#f5f3ff;border-left:4px solid #8b5cf6;border-radius:14px;margin-bottom:16px;box-shadow:0 1px 3px #0000000f}.extra-expenses-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.extra-expenses-left{align-items:center;gap:12px;display:flex}.extra-expenses-icon{font-size:24px}.extra-expenses-label{color:#6b7280;font-size:13px}.extra-expenses-value{color:#7c3aed;font-size:24px;font-weight:700}.extra-expenses-period{color:#6b7280;white-space:nowrap;background:#fff;border-radius:12px;padding:4px 14px;font-size:14px;font-weight:500}.info-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.info-card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 1px 3px #0000000f}.info-card-title{color:#1a1a2e;margin:0 0 16px;font-size:16px;font-weight:600}.info-list{flex-direction:column;gap:8px;display:flex}.info-item{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.info-item:last-child{border-bottom:none}.info-item-highlight{background:#f8fafc;border-bottom:none;border-radius:6px;padding:8px 12px}.info-item-label{color:#6b7280;font-size:14px}.info-item-value{color:#1a1a2e;text-align:right;word-break:break-word;font-size:14px;font-weight:600}.info-item-highlight .info-item-value{color:#7c3aed}.loading-state{background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:60px 20px;display:flex;box-shadow:0 1px 3px #0000000f}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#4a90e2;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#6b7280;margin-top:16px;font-size:16px}@media (max-width:1024px){.stats-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.analytics-container{padding:16px 12px 32px}.analytics-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:18px}.analytics-header-left{min-width:unset}.analytics-title{font-size:22px}.analytics-subtitle{font-size:13px}.btn-refresh{justify-content:center;width:100%;min-height:48px}.period-filter{border-radius:12px;margin-bottom:18px;padding:10px 12px}.period-filter-scroll{flex-wrap:nowrap;gap:6px;padding-bottom:4px}.period-btn{flex-shrink:0;min-height:34px;padding:6px 14px;font-size:12px}.stats-grid-4{grid-template-columns:1fr 1fr;gap:10px}.stat-card-inner{padding:14px 16px}.stat-card-icon{font-size:16px}.stat-card-title{font-size:12px}.stat-card-value{font-size:20px}.stat-card-value-small{font-size:17px}.extra-expenses-content{flex-direction:column;align-items:stretch;gap:8px;padding:14px 16px}.extra-expenses-left{gap:10px}.extra-expenses-icon,.extra-expenses-value{font-size:20px}.extra-expenses-period{align-self:flex-start;padding:2px 12px;font-size:12px}.info-grid{grid-template-columns:1fr;gap:12px}.info-card{border-radius:12px;padding:16px}.info-card-title{margin-bottom:12px;font-size:15px}.info-item{padding:6px 0;font-size:13px}.info-item-label,.info-item-value{font-size:13px}}@media (max-width:480px){.analytics-container{padding:12px 8px 24px}.analytics-title{font-size:20px}.analytics-subtitle{font-size:12px}.stats-grid-4{grid-template-columns:1fr 1fr;gap:8px}.stat-card-inner{border-left-width:3px;padding:12px 14px}.stat-card-icon{font-size:14px}.stat-card-title{font-size:11px}.stat-card-value{font-size:18px}.stat-card-value-small{font-size:15px}.period-btn{min-height:30px;padding:5px 12px;font-size:11px}.extra-expenses-value{font-size:18px}.extra-expenses-label{font-size:12px}.info-card{padding:14px}.info-card-title{font-size:14px}.info-item{padding:5px 0;font-size:12px}.info-item-label,.info-item-value{font-size:12px}.btn-refresh{min-height:44px;padding:8px 16px;font-size:13px}.loading-state{min-height:200px;padding:40px 16px}.loading-spinner{border-width:3px;width:36px;height:36px}.loading-text{font-size:14px}}@media (max-width:380px){.stats-grid-4{grid-template-columns:1fr 1fr;gap:6px}.stat-card-inner{padding:10px 12px}.stat-card-value{font-size:16px}.stat-card-value-small{font-size:14px}.stat-card-title{font-size:10px}.stat-card-icon{font-size:12px}.period-btn{min-height:28px;padding:4px 10px;font-size:10px}.extra-expenses-value{font-size:16px}}@media (max-width:768px) and (max-height:500px){.analytics-container{min-height:auto;padding:8px 12px 16px}.analytics-header{flex-direction:row;align-items:center;gap:8px;margin-bottom:12px}.analytics-header-left{flex:1;min-width:auto}.analytics-title{font-size:18px}.analytics-subtitle{margin-top:2px;font-size:11px}.btn-refresh{width:auto;min-height:34px;padding:6px 14px;font-size:12px}.btn-refresh-text{display:none}.btn-refresh-icon{font-size:16px}.period-filter{margin-bottom:12px;padding:8px 10px}.period-btn{min-height:28px;padding:4px 12px;font-size:11px}.stats-grid-4{gap:8px}.stat-card-inner{padding:10px 14px}.stat-card-value{font-size:18px}.stat-card-title{font-size:11px}.extra-expenses-content{flex-direction:row;align-items:center;padding:10px 14px}.extra-expenses-value{font-size:18px}.extra-expenses-period{padding:2px 10px;font-size:11px}.info-grid{grid-template-columns:1fr 1fr;gap:10px}.info-card{padding:12px 14px}.info-card-title{margin-bottom:10px;font-size:13px}.info-item{padding:4px 0;font-size:12px}.info-item-label,.info-item-value{font-size:12px}.loading-state{min-height:150px;padding:30px 16px}.loading-spinner{border-width:3px;width:32px;height:32px}}@media (hover:none){.stat-card:hover{transform:none;box-shadow:0 1px 3px #0000000f}.btn-refresh:hover:not(:disabled){background:#fff;border-color:#e5e7eb;transform:none}.period-btn:hover:not(.active){background:#fff;border-color:#e5e7eb}}.period-filter-scroll{scrollbar-width:thin;scrollbar-color:#d1d5db #f1f1f1}