.dashboard-container{max-width:1400px;min-height:calc(100vh - 64px);margin:0 auto;padding:24px 20px 40px}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex}.dashboard-header-left{flex:1;min-width:200px}.dashboard-title{color:#1a1a2e;margin:0;font-size:28px;font-weight:700;line-height:1.2}.dashboard-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-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-refresh:hover{background:#f8fafc;border-color:#4a90e2;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.btn-refresh:active{transform:scale(.96)}.btn-refresh-icon{font-size:16px}.stats-grid{gap:16px;margin-bottom:20px;display:grid}.stats-grid-4{grid-template-columns:repeat(4,1fr)}.stats-grid-3{grid-template-columns:repeat(3,1fr)}.stat-card{background:#fff;border-left:4px solid #e5e7eb;border-radius:14px;align-items:center;gap:14px;min-height:80px;padding:18px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0000000f}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.stat-card:active{transform:scale(.98)}.stat-icon{text-align:center;flex-shrink:0;width:40px;font-size:28px;line-height:1}.stat-content{flex:1;min-width:0}.stat-title{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:12px;font-weight:500}.stat-value{color:#1a1a2e;word-break:break-word;font-size:24px;font-weight:700;line-height:1.2}.stat-value-small{font-size:20px}.stat-subtitle{color:#9ca3af;margin-top:3px;font-size:11px}.stat-card-blue{border-left-color:#4a90e2}.stat-card-blue .stat-value{color:#4a90e2}.stat-card-green{border-left-color:#22c55e}.stat-card-green .stat-value{color:#16a34a}.stat-card-red{border-left-color:#ef4444}.stat-card-red .stat-value{color:#dc2626}.stat-card-purple{border-left-color:#8b5cf6}.stat-card-purple .stat-value{color:#7c3aed}.stat-card-orange{border-left-color:#f59e0b}.stat-card-orange .stat-value{color:#d97706}.stat-card-teal{border-left-color:#14b8a6}.stat-card-teal .stat-value{color:#0d9488}.quick-actions{background:#fff;border-radius:14px;margin-bottom:20px;padding:20px 24px;box-shadow:0 1px 3px #0000000f}.quick-actions-title{color:#1a1a2e;margin:0 0 16px;font-size:18px;font-weight:600}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.action-card{touch-action:manipulation;border:2px solid #0000;border-radius:10px;align-items:center;gap:10px;min-height:52px;padding:14px 16px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.action-card:active{transform:scale(.96)}.action-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001f}.action-icon{flex-shrink:0;font-size:22px}.action-label{flex:1;font-size:14px;font-weight:500}.action-arrow{opacity:0;font-size:16px;transition:all .3s;transform:translate(-6px)}.action-card:hover .action-arrow{opacity:1;transform:translate(0)}.action-card-blue{color:#1e40af;background:#eff6ff}.action-card-blue:hover{background:#dbeafe;border-color:#93c5fd}.action-card-green{color:#065f46;background:#ecfdf5}.action-card-green:hover{background:#d1fae5;border-color:#6ee7b7}.action-card-purple{color:#5b21b6;background:#f5f3ff}.action-card-purple:hover{background:#ede9fe;border-color:#c4b5fd}.action-card-orange{color:#92400e;background:#fffbeb}.action-card-orange:hover{background:#fef3c7;border-color:#fcd34d}.info-section{grid-template-columns:1fr 1fr;gap:16px;display:grid}.info-card{background:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 1px 3px #0000000f}.info-card-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.info-icon{font-size:20px}.info-card-header h3{color:#1a1a2e;margin:0;font-size:15px;font-weight:600}.info-number{color:#1a1a2e;margin:0 0 10px;font-size:30px;font-weight:700}.info-details{flex-wrap:wrap;gap:20px;display:flex}.info-detail-item{color:#6b7280;align-items:center;gap:6px;font-size:14px;display:flex}.info-detail-label{color:#6b7280}.info-detail-value{color:#1a1a2e}.info-stats{flex-direction:column;gap:8px;display:flex}.info-stat-item{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.info-stat-item:last-child{border-bottom:none}.info-label{color:#6b7280;font-size:14px}.info-value{color:#1a1a2e;font-weight:600}.loading-container{flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:40px 20px;display:flex}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#4a90e2;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#6b7280;margin-top:14px;font-size:15px}.alert{border-radius:10px;align-items:center;gap:10px;margin-bottom:18px;padding:12px 16px;font-size:14px;display:flex}.alert-error{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.alert-icon{flex-shrink:0;font-size:18px}.alert-text{flex:1}@media (max-width:1200px){.stats-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.stats-grid-3{grid-template-columns:repeat(2,1fr)}.info-section{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-container{padding:16px 12px 32px}.dashboard-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:20px}.dashboard-header-left{min-width:unset}.dashboard-title{font-size:22px}.dashboard-subtitle{font-size:13px}.btn-refresh{justify-content:center;width:100%;min-height:48px;padding:12px}.stats-grid-4,.stats-grid-3{grid-template-columns:1fr 1fr;gap:10px}.stat-card{border-left-width:3px;gap:10px;min-height:70px;padding:14px 16px}.stat-icon{width:32px;font-size:22px}.stat-title{font-size:10px}.stat-value{font-size:18px}.stat-value-small{font-size:16px}.quick-actions{padding:16px}.quick-actions-title{margin-bottom:12px;font-size:16px}.quick-actions-grid{gap:10px}.action-card{gap:8px;min-height:48px;padding:12px 14px}.action-icon{font-size:18px}.action-label{font-size:13px}.info-section{gap:12px}.info-card{padding:16px}.info-number{font-size:24px}.info-details{flex-direction:column;gap:12px}.info-stat-item{flex-wrap:wrap;gap:4px;padding:6px 0}}@media (max-width:480px){.dashboard-container{padding:12px 8px 24px}.dashboard-title{font-size:20px}.stats-grid-4,.stats-grid-3{grid-template-columns:1fr 1fr;gap:8px}.stat-card{border-radius:10px;gap:8px;min-height:60px;padding:12px}.stat-icon{width:28px;font-size:18px}.stat-title{letter-spacing:.3px;font-size:9px}.stat-value{font-size:15px}.stat-value-small{font-size:14px}.quick-actions-grid{grid-template-columns:1fr 1fr;gap:8px}.action-card{border-radius:8px;min-height:44px;padding:10px 12px}.action-icon{font-size:16px}.action-label{font-size:12px}.action-arrow{display:none}.info-card{border-radius:10px;padding:14px}.info-number{font-size:20px}.info-card-header h3,.info-detail-item,.info-label,.info-value{font-size:13px}.btn-refresh{min-height:44px;padding:10px;font-size:13px}.alert{padding:10px 14px;font-size:13px}}@media (max-width:380px){.stats-grid-4,.stats-grid-3{grid-template-columns:1fr;gap:8px}.quick-actions-grid{grid-template-columns:1fr}.stat-card{padding:12px 14px}.stat-value{font-size:18px}.stat-value-small{font-size:16px}}@media (max-width:768px) and (max-height:500px){.dashboard-container{padding:12px 12px 20px}.stats-grid-4,.stats-grid-3{grid-template-columns:repeat(4,1fr);gap:8px}.stat-card{min-height:50px;padding:10px 12px}.stat-icon{width:24px;font-size:16px}.stat-title{font-size:8px}.stat-value{font-size:14px}.quick-actions-grid{grid-template-columns:repeat(4,1fr);gap:8px}.action-card{min-height:40px;padding:8px 10px}.action-label{font-size:11px}.action-icon{font-size:14px}.info-section{grid-template-columns:1fr 1fr}.dashboard-header{flex-direction:row;align-items:center}.btn-refresh{width:auto;min-height:36px;padding:8px 14px;font-size:12px}.dashboard-title{font-size:18px}.dashboard-subtitle{margin-top:2px;font-size:12px}}@media (hover:none){.stat-card:hover{transform:none}.action-card:hover{box-shadow:none;transform:none}.action-card:hover .action-arrow{opacity:0;transform:translate(-6px)}.btn-refresh:hover{transform:none}}