@media (min-width: 1200px) {
  html {
    font-size: 14px;
  }

  :root {
    --navbar-height: 54px;
    --max-width: 1440px;
    --container-padding: 0.92rem;
    --section-padding: 3.35rem 0;
    --dashboard-filter-height: 2.56rem;
  }

  body.app-shell--auth {
    --sidebar-width: 196px;
    --sidebar-collapsed-width: 52px;
    --container-padding: 0.8rem;
  }

  body.app-shell--auth .app-navbar {
    min-height: var(--navbar-height);
  }

  body.app-shell--auth .app-shell__content--auth {
    padding: 0.24rem 0.5rem 0.82rem;
  }

  body.app-shell--auth #sidebarMenu .sidebar-sticky {
    padding: 0.48rem !important;
  }

  body.app-shell--auth #sidebarMenu .sidebar-section {
    padding: 0.42rem 0.58rem;
  }

  body.app-shell--auth #sidebarMenu .sidebar-section + .sidebar-section {
    margin-top: 0.24rem;
  }

  body.app-shell--auth #sidebarMenu .sidebar-section-title {
    font-size: 0.68rem;
    margin: 0.18rem 0 0.35rem;
  }

  body.app-shell--auth #sidebarMenu .nav-link {
    gap: 0.56rem;
    padding: 0.46rem 0.6rem;
    margin-bottom: 0.12rem;
    font-size: 0.82rem;
  }

  body.app-shell--auth #sidebarMenu .nav-link .nav-link-icon {
    width: 16px;
    font-size: 0.88rem;
  }

  body.app-shell--auth #sidebarMenu .sidebar-footer {
    padding: 0.58rem 0.7rem;
  }

  body.app-shell--auth #wrapper.lg-toggled #sidebarMenu:hover .nav-link {
    gap: 0.68rem;
    padding: 0.56rem 0.72rem;
  }

  body.app-shell--auth #wrapper.lg-toggled #sidebarMenu:hover .sidebar-section,
  body.app-shell--auth #wrapper.lg-toggled #sidebarMenu:hover .sidebar-footer {
    padding-left: 0.68rem;
    padding-right: 0.68rem;
  }

  .dashboard-shell,
  .dashboard-shell.dashboard-shell--compact {
    padding: 0.58rem 0.72rem;
    border-radius: 12px;
  }

  body.app-shell--auth .dashboard-page-header,
  .dashboard-shell--compact .dashboard-page-header {
    margin-bottom: 0.34rem !important;
  }

  body.app-shell--auth .dashboard-page-title,
  .dashboard-shell--compact .dashboard-page-title {
    font-size: clamp(1.38rem, 1.12rem + 0.4vw, 1.62rem);
    line-height: 1;
  }

  .dashboard-filters-card,
  body.app-shell--auth .dashboard-filters-card {
    border-radius: 0.92rem;
  }

  .dashboard-filters-card .card-body,
  body.app-shell--auth .dashboard-filters-card .card-body,
  .dashboard-shell--compact .dashboard-filters-card .card-body {
    padding: 0.46rem 0.56rem 0.5rem;
  }

  .dashboard-filter-bar {
    grid-template-columns: minmax(212px, 1.24fr) repeat(4, minmax(0, 1fr));
    gap: 0.44rem;
  }

  .dashboard-filters-card .form-label,
  .dashboard-shell--compact .dashboard-filters-card .form-label {
    margin-bottom: 0.16rem;
    font-size: 0.74rem;
  }

  .dashboard-filters-card .filter-control,
  .dashboard-filter-field--compact .filter-control,
  .dashboard-filter-field--compact .btn.filter-control {
    min-height: var(--dashboard-filter-height);
    border-radius: 0.72rem;
    font-size: 0.84rem;
  }

  .dashboard-range-selector .range-display,
  .dashboard-shell--compact .dashboard-range-selector .range-display {
    min-height: var(--dashboard-filter-height);
    padding: 0.26rem 1.8rem 0.26rem 0.64rem;
  }

  .dashboard-range-selector .range-display-label,
  .dashboard-shell--compact .dashboard-range-selector .range-display-label {
    font-size: 0.83rem;
    line-height: 1.1;
  }

  .dashboard-range-selector .range-display-sub,
  .dashboard-shell--compact .dashboard-range-selector .range-display-sub {
    font-size: 0.67rem;
  }

  #dashboard-widgets-container {
    --bs-gutter-x: 0.68rem;
    --bs-gutter-y: 0.68rem;
  }

  #dashboard-widgets-container .card .card-body,
  .dashboard-shell--compact #dashboard-widgets-container .card .card-body,
  body.app-shell--auth #dashboard-widgets-container .card .card-body {
    padding: 0.68rem 0.72rem 0.76rem;
    gap: 0.38rem;
  }

  #dashboard-widgets-container .widget-card-title,
  .dashboard-shell--compact #dashboard-widgets-container .widget-card-title {
    font-size: 0.74rem;
  }

  #dashboard-widgets-container .widget-comparison {
    gap: 0.42rem;
  }

  #dashboard-widgets-container .widget-previous-value,
  .dashboard-shell--compact #dashboard-widgets-container .widget-previous-value {
    min-height: 1.46rem;
    font-size: 0.82rem;
  }

  #dashboard-widgets-container .widget-trend,
  .dashboard-shell--compact #dashboard-widgets-container .widget-trend {
    padding: 0.16rem 0.42rem;
    font-size: 0.68rem;
  }

  .chart-container {
    height: 360px;
  }

  .chart-container--compact {
    height: 290px;
  }

  .product-table-wrapper {
    max-height: 70vh;
  }

  body.app-shell--auth .table > :not(caption) > * > *,
  body.app-shell--auth .table-responsive > table > :not(caption) > * > * {
    padding: 0.42rem 0.5rem;
  }

  body.app-shell--auth .table thead th {
    font-size: 0.74rem;
    line-height: 1.18;
  }

  body.app-shell--auth .table tbody td {
    font-size: 0.82rem;
    line-height: 1.25;
  }

  .costs-shell {
    --bs-gutter-x: 0.88rem;
  }

  .costs-toolbar .btn-filter {
    padding-inline: 0.7rem;
    min-height: 2.34rem;
  }

  .costs-shell .dashboard-filters-card .card-body {
    padding: 0.5rem 0.58rem;
  }

  .costs-header {
    padding: 0.78rem 0.92rem 0.7rem;
    font-size: 0.64rem;
  }

  .costs-row {
    padding: 0.78rem 0.86rem;
    gap: 0.68rem;
  }

  .cost-cell-product {
    gap: 0.82rem;
  }

  .costs-product-cover {
    width: 48px;
    height: 48px;
    border-radius: 10px;
  }

  .costs-product-title {
    font-size: 0.94rem;
  }

  .costs-product-meta {
    font-size: 0.78rem;
    line-height: 1.28;
  }

  .list-metric,
  .history-pill {
    padding: 0.62rem 0.82rem;
    border-radius: 10px;
  }

  .list-metric-value {
    font-size: 0.98rem;
  }

  .history-pill-value {
    font-size: 0.88rem;
  }

  body.app-shell--guest-landing {
    padding-top: 56px;
  }

  .landing-navbar {
    padding: 0.08rem 0.42rem;
  }

  .landing-navbar__inner {
    padding: 0.06rem 0.52rem;
    gap: 0.44rem;
  }

  .landing-navbar__logo {
    padding: 0.22rem 0.72rem 0.24rem;
  }

  .landing-navbar__logo img {
    height: clamp(15px, 1.2vw, 20px);
  }

  .landing-navbar__menu {
    gap: 0.36rem;
  }

  .landing-navbar .nav-link {
    padding: 0.32rem 0.44rem;
    font-size: 0.82rem;
  }

  .landing-btn,
  .landing-btn--sm {
    padding: 0.48rem 0.86rem;
    font-size: 0.84rem;
  }

  .ks-hero {
    padding-top: 0.88rem;
    padding-bottom: 1.12rem;
  }

  .ks-hero__grid {
    gap: 1.28rem;
    grid-template-columns: minmax(300px, 0.9fr) minmax(340px, 1fr);
  }

  .ks-hero__title {
    font-size: clamp(1.92rem, 2.5vw, 2.56rem);
    line-height: 0.98;
  }

  .ks-hero__lead {
    font-size: 0.88rem;
    line-height: 1.46;
    max-width: 44ch;
  }

  .ks-hero__actions {
    margin-top: 0.92rem;
  }

  .ks-hero__visual {
    min-height: 360px;
  }

  .ks-hero-device {
    max-width: 700px;
  }

  .ks-section,
  .ks-section--product,
  .ks-section--pricing,
  .ks-section--faq,
  .ks-section--glass {
    padding-top: 2.45rem;
    padding-bottom: 2.45rem;
  }

  .ks-section__head {
    margin-bottom: 1.5rem;
  }

  .ks-section__head h2 {
    font-size: clamp(1.72rem, 2.25vw, 2.4rem);
  }

  .ks-section__head p {
    font-size: 0.94rem;
    line-height: 1.55;
  }

  .ks-feature-grid,
  .ks-metrics-grid {
    gap: 0.92rem;
  }

  .ks-product-showcase {
    padding: 0.92rem;
  }

  .ks-footer {
    padding-top: 2.4rem;
    padding-bottom: 1.5rem;
  }

  .ks-footer__lead {
    max-width: 26ch;
    font-size: 0.9rem;
    line-height: 1.45;
  }

  .app-shell__content--guest--auth {
    padding-top: calc(var(--navbar-height) + 0.3rem);
    padding-bottom: 0.72rem;
    padding-inline: 0.58rem;
  }

  .app-shell__content--guest--auth::before {
    width: 250px;
    height: 250px;
    top: -90px;
    right: -70px;
  }

  .app-shell__content--guest--auth::after {
    width: 280px;
    height: 280px;
    bottom: -130px;
    left: -90px;
  }

  .auth-page {
    width: min(840px, 100%);
    grid-template-columns: minmax(0, 0.9fr) minmax(280px, 316px);
    border-radius: 1.5rem;
    box-shadow: 0 18px 44px -36px rgba(20, 18, 31, 0.26);
  }

  .auth-page__intro {
    padding: 0.92rem 1rem;
    gap: 0.56rem;
  }

  .auth-page__badge {
    font-size: 0.58rem;
    padding: 0.24rem 0.62rem;
  }

  .auth-page__title {
    font-size: clamp(1.26rem, 1.46vw, 1.68rem);
    line-height: 0.96;
  }

  .auth-page__lead {
    font-size: 0.78rem;
    line-height: 1.28;
    max-width: 32ch;
  }

  .auth-page__list {
    gap: 0.42rem;
  }

  .auth-page__list-item {
    gap: 0.52rem;
    font-size: 0.84rem;
  }

  .auth-page__list-item i {
    width: 20px;
    height: 20px;
    font-size: 0.72rem;
  }

  .auth-page__card {
    padding: 0.94rem 1rem;
  }

  .auth-card {
    gap: 0.58rem;
  }

  .auth-card__title {
    font-size: 1.08rem;
  }

  .auth-card__subtitle {
    font-size: 0.74rem;
  }

  .auth-card__body {
    gap: 0.72rem;
  }

  .auth-form {
    gap: 0.54rem;
  }

  .auth-form .form-label {
    font-size: 0.78rem;
  }

  .auth-form .form-control {
    padding: 0.48rem 0.68rem;
    border-radius: 9px;
  }

  .auth-form .btn {
    padding-block: 0.52rem;
  }

  .auth-aux {
    font-size: 0.74rem;
  }

  .auth-card__footer {
    padding-top: 0.56rem;
    font-size: 0.76rem;
  }
}

@media (max-width: 1199.98px) {
  body.app-shell--auth {
    --sidebar-width: 196px;
    --sidebar-collapsed-width: 56px;
  }

  .dashboard-filter-bar {
    grid-template-columns: minmax(240px, 1.35fr) repeat(2, minmax(165px, 1fr));
  }

  .auth-page {
    width: min(920px, 100%);
  }
}

@media (max-width: 991.98px) {
  .dashboard-shell,
  .dashboard-shell.dashboard-shell--compact {
    padding: 0.72rem 0.8rem;
  }

  .app-shell__content--guest--auth {
    padding-top: calc(var(--navbar-height) + 0.7rem);
  }
}