:root {
      --primary: #176b55;
      --bg: #f5f7f9;
    }

    body {
      background: var(--bg);
      font-family: Tahoma, Arial, sans-serif;
      color: #243447;
    }

    .sidebar {
      background: #fff;
      min-height: 100vh;
      border-left: 1px solid #e8ecef;
    }

    .brand {
      color: var(--primary);
      font-weight: 800;
      font-size: 22px;
    }

    .nav-link {
      color: #64748b;
      padding: 12px;
      border-radius: 10px;
      margin-bottom: 5px;
    }

    .nav-link.active,
    .nav-link:hover {
      background: #e9f5ef;
      color: var(--primary);
    }

    .stat-card, .content-card {
      background: #fff;
      border: 1px solid #edf0f2;
      border-radius: 16px;
      height: 100%;
    }

    .stat-icon {
      width: 46px;
      height: 46px;
      display: grid;
      place-items: center;
      border-radius: 12px;
      font-size: 22px;
    }

    .car-banner {
      background: linear-gradient(120deg, #123b36, #176b55);
      color: #fff;
      border-radius: 18px;
    }

    .quick-action {
      display: block;
      text-decoration: none;
      color: inherit;
      padding: 18px;
      border: 1px solid #edf0f2;
      border-radius: 14px;
      transition: .2s;
    }

    .quick-action:hover {
      border-color: var(--primary);
      background: #f8fcfa;
    }

    .btn-primary {
      background: var(--primary);
      border-color: var(--primary);
    }

    .btn-primary:hover {
      background: #105441;
      border-color: #105441;
    }

    @media (max-width: 767px) {
      .sidebar { min-height: auto; }
    }