* { font-family: 'Inter', 'Segoe UI', sans-serif; }
  .tab-active { background: #6366f1; color: white; }
  .tab-inactive { color: #6b7280; }
  .tab-inactive:hover { background: #f3f4f6; }
  .page { display: none; }
  .page.active { display: block; }
  #page-adperf.active { display: flex !important; }
  .badge-fb { background:#1877f2; color:white; }
  .badge-tiktok { background:#010101; color:white; }
  .badge-ig { background: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); color:white; }
  .badge-direct { background:#10b981; color:white; }
  .status-new { background:#dbeafe; color:#1d4ed8; }
  .status-booked { background:#fef9c3; color:#854d0e; }
  .status-ordered { background:#dcfce7; color:#166534; }
  .status-closed { background:#f3f4f6; color:#374151; }
  main { overflow-anchor: none; }
  .progress-bar { transition: width 0.6s ease; }
  @keyframes fadeIn { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }
  .fade-in { animation: fadeIn 0.3s ease; }
  .card-hover:hover { transform: translateY(-2px); box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1); transition: all 0.2s; }