@import url("_base.css");
@import url("components/_sidebar.css");
@import url("components/_login.css");
@import url("components/_card.css");

/* ========================================
   LAYOUT
   ======================================== */

.app-wrapper {
  display: flex;
  min-height: 100vh;
  width: 100%;
}

.main-content {
  flex: 1;
  width: calc(100% - var(--sidebar-width));
  min-height: 100vh;
  background-color: var(--light-color);
  padding: 0;
  margin-left: 0;
}

/* Utility Classes */
.cursor-pointer {
  cursor: pointer;
}

.text-gradient {
  background: linear-gradient(
    135deg,
    var(--primary-color) 0%,
    var(--brand-gold) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}

/* Responsive */
@media (max-width: 768px) {
  .main-content {
    width: calc(100% - var(--sidebar-collapsed-width));
  }
}