@media (min-width: 981px){
  body{
    font-size:14px !important;
  }

  .app{
    grid-template-columns:235px 1fr !important;
  }

  .sidebar{
    padding:18px 14px !important;
  }

  .brand{
    margin-bottom:20px !important;
  }

  .brand img,
  .logo img{
    width:145px !important;
  }

  .side-label{
    font-size:.68rem !important;
    margin:14px 10px 7px !important;
  }

  .nav{
    gap:5px !important;
  }

  .nav a{
    min-height:38px !important;
    padding:8px 10px !important;
    border-radius:12px !important;
    font-size:.86rem !important;
  }

  .main{
    padding:18px !important;
  }

  .topbar{
    height:58px !important;
    border-radius:18px !important;
    padding:0 18px !important;
    margin-bottom:16px !important;
  }

  .topbar strong{
    font-size:.94rem !important;
  }

  .topbar span{
    font-size:.82rem !important;
  }

  .hero,
  .panel,
  .card,
  .suggest,
  .risk-note,
  .empty,
  .user-row,
  .freight-card{
    border-radius:18px !important;
  }

  .hero,
  .panel{
    padding:20px !important;
    margin-bottom:14px !important;
  }

  .card,
  .suggest,
  .risk-note{
    padding:18px !important;
  }

  .hero h1,
  h1{
    font-size:1.65rem !important;
    letter-spacing:-.5px !important;
  }

  .panel h2,
  .card h2{
    font-size:1.08rem !important;
  }

  .panel h3,
  .card h3{
    font-size:.96rem !important;
  }

  p,
  .panel-desc,
  .hero p,
  .card p,
  .suggest p,
  .risk-note p,
  span{
    font-size:.86rem !important;
  }

  .grid,
  .grid-3,
  .checks,
  .security,
  .layout{
    gap:12px !important;
  }

  input,
  select{
    height:42px !important;
    border-radius:12px !important;
    font-size:.88rem !important;
  }

  textarea{
    min-height:88px !important;
    border-radius:12px !important;
    font-size:.88rem !important;
  }

  label{
    font-size:.82rem !important;
    margin-bottom:5px !important;
  }

  .btn,
  button{
    min-height:38px !important;
    height:auto !important;
    padding:9px 14px !important;
    font-size:.88rem !important;
  }

  .count,
  .tag,
  .badge,
  .status{
    font-size:.76rem !important;
    padding:7px 10px !important;
  }

  .choice,
  .check-card{
    min-height:40px !important;
    padding:8px 10px !important;
    border-radius:12px !important;
    font-size:.84rem !important;
  }

  .security-card{
    padding:12px !important;
    border-radius:14px !important;
  }

  .security-card small{
    font-size:.76rem !important;
  }

  .sidebox{
    top:18px !important;
  }

  .layout{
    grid-template-columns:1fr 270px !important;
  }

  .counter b{
    font-size:1.55rem !important;
  }

  .freight-card strong,
  .user-row strong{
    font-size:.94rem !important;
  }
}