*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;color:#2c3e50}body{padding:20px}a{color:inherit;text-decoration:none}.container{max-width:1400px;margin:0 auto}.card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:20px;border:1px solid #e8eef5}.card-title{font-size:18px;font-weight:600;margin-bottom:16px;color:#2c3e50;border-bottom:2px solid #3498db;padding-bottom:12px}.card-subtitle{font-size:14px;color:#7f8c8d;margin-bottom:8px}.grid{display:grid;grid-gap:20px;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.metric{padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:12px}.metric-label{font-size:12px;text-transform:uppercase;color:#7f8c8d;letter-spacing:1px;margin-bottom:8px}.metric-value{font-size:24px;font-weight:700;color:#2c3e50}.metric-change{font-size:12px;margin-top:4px;font-weight:500}.positive{color:#27ae60}.negative{color:#e74c3c}.neutral{color:#95a5a6}.chart-container{position:relative;height:300px;margin:20px 0}.table{width:100%;border-collapse:collapse;margin-top:16px}.table th{background:#f8f9fa;padding:12px;text-align:left;font-weight:600;border-bottom:2px solid #e8eef5;font-size:12px;text-transform:uppercase}.table td{padding:12px;border-bottom:1px solid #e8eef5}.table tbody tr:hover{background:#f8f9fa}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.badge-primary{background:#3498db;color:#fff}.badge-success{background:#27ae60;color:#fff}.badge-danger{background:#e74c3c;color:#fff}.badge-warning{background:#f39c12;color:#fff}.header{background:#fff;padding:24px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 4px rgba(0,0,0,.05);border-bottom:4px solid #3498db}.header h1{font-size:32px;margin-bottom:8px;color:#2c3e50}.header p{color:#7f8c8d;font-size:14px}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-top:16px}.stat-item{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:8px;text-align:center}.stat-item-label{font-size:12px;opacity:.9;margin-bottom:8px}.stat-item-value{font-size:28px;font-weight:700}.stat-item.success{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-item.warning{background:linear-gradient(135deg,#4facfe,#00f2fe)}.loading{text-align:center;padding:40px;color:#7f8c8d}.error{background:#fadbd8;color:#c0392b;padding:16px;border-radius:8px;margin-bottom:20px;border-left:4px solid #e74c3c}.tabs{display:flex;border-bottom:2px solid #e8eef5;margin-bottom:24px;gap:0}.tab{padding:12px 24px;cursor:pointer;background:none;color:#7f8c8d;font-weight:500;transition:all .3s ease;border:none;border-bottom:3px solid transparent}.tab.active{color:#3498db;border-bottom-color:#3498db}.tab:hover{color:#2c3e50}@media (max-width:768px){.grid-2,.grid-3,.stats-row{grid-template-columns:1fr}.header h1{font-size:24px}body{padding:12px}.card{padding:16px}}