* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
  body { background: #1e2a38; color: #fff; height: 100vh; display: flex; overflow: hidden; }

  /* Sidebar */
  .sidebar { width: 250px; background: #152033; display: flex; flex-direction: column; padding: 20px 0; transition: all 0.3s ease; }
  .sidebar .logo { display: flex; align-items: center; justify-content: center; gap: 10px; margin-bottom: 20px; }
  .sidebar .logo img { width: 40px; height: 40px; border-radius: 5px; }
  .sidebar .logo span { color: #00bfff; font-size: 1.2rem; font-weight: bold; }
  .sidebar a { padding: 15px 25px; color: #cfd8e0; text-decoration: none; display: flex; align-items: center; transition: all 0.2s ease; }
  .sidebar a i { margin-right: 15px; font-size: 18px; }
  .sidebar a:hover, .sidebar a.active { background: #0e1b2a; color: #00bfff; }

  /* Main Content */
  .main-content { flex: 1; background: #1e2a38; padding: 20px; overflow-y: auto; }
  .dashboard { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 20px; }

  .card { background: #243447; border-radius: 10px; padding: 20px; transition: transform 0.2s ease, box-shadow 0.2s ease; }
  .card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,191,255,0.2); }
  .card h3 { color: #00bfff; margin-bottom: 10px; }

  .character-info { display: flex; align-items: center; gap: 15px; }
  .character-info img { width: 80px; height: 80px; border-radius: 50%; border: 2px solid #00bfff; }
  .info-list { list-style: none; }
  .info-list li { margin-bottom: 8px; }

  .dashboard-stats { display: flex; gap: 15px; flex-wrap: wrap; }
  .stat { flex: 1; min-width: 120px; background: #1f3347; border-radius: 8px; padding: 15px; text-align: center; transition: all 0.2s ease; }
  .stat h4 { color: #00bfff; margin-bottom: 5px; }
  .stat p { font-size: 1.2rem; font-weight: bold; }

  .server-info, .tickets, .messages { margin-top: 10px; }
  .server-info p, .tickets p, .messages p { margin-bottom: 8px; }
  .btn { background: #00bfff; color: #1e2a38; padding: 10px 15px; border: none; border-radius: 5px; cursor: pointer; transition: all 0.2s ease; }
  .btn:hover { background: #0090d1; }

  @media (max-width: 768px) { 
    .sidebar { width: 70px; } 
    .sidebar .logo span { display: none; } 
    .sidebar a { justify-content: center; padding: 15px 0; } 
    .sidebar a span { display: none; } 
  }