:root{
  --hcc-red:#d71932;
  --hcc-red-dark:#a70f27;
  --hcc-red-deep:#7f0b20;
  --hcc-red-soft:#fff1f3;
  --hcc-ink:#171c27;
  --hcc-muted:#687386;
  --hcc-line:#e6e9ef;
  --hcc-bg:#f7f8fa;
  --hcc-surface:#fff;
  --hcc-radius:18px;
  --hcc-shadow:0 18px 50px -36px rgba(32,38,50,.35);
  --bs-primary:#d71932;
  --bs-primary-rgb:215,25,50;
  --bs-link-color:#b3132d;
  --bs-link-hover-color:#890b20;
}
html{background:var(--hcc-bg)}
body.app-shell{
  min-height:100vh;
  color:var(--hcc-ink);
  background:linear-gradient(180deg,#fff 0,#f7f8fa 46%,#fff 100%)!important;
  font-family:Inter,"Segoe UI",Tahoma,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
body.app-shell main{min-height:58vh}
body.app-shell #mainNav,
body.app-shell>.navbar{
  border:0!important;
  border-bottom:1px solid var(--hcc-line)!important;
  background:rgba(255,255,255,.96)!important;
  color:var(--hcc-ink)!important;
  box-shadow:0 10px 35px -30px rgba(20,28,42,.55);
  backdrop-filter:blur(16px);
}
body.app-shell>.navbar .navbar-brand,
body.app-shell>.navbar .nav-link,
body.app-shell>.navbar .fw-semibold{color:var(--hcc-ink)!important}
body.app-shell .avatar-initial{background:var(--hcc-red)}
body.app-shell .brand-text{color:var(--hcc-ink)!important;font-weight:750!important;letter-spacing:.045em}
body.app-shell .dvhcc-tabs{--tab-active:var(--hcc-red);--tab-muted:#6f7886}
body.app-shell .dvhcc-tabs .nav-link{border:0!important;color:#68717f!important}
body.app-shell .dvhcc-tabs .nav-link:hover,
body.app-shell .dvhcc-tabs .nav-link.active{color:var(--hcc-red)!important}
body.app-shell .dvhcc-tabs .nav-link.active{box-shadow:inset 0 -3px 0 var(--hcc-red)}

body.app-shell .container:not(.navbar .container){max-width:1240px}
body.app-shell h1,body.app-shell h2,body.app-shell h3,body.app-shell h4,body.app-shell h5{
  color:var(--hcc-ink);letter-spacing:-.025em
}
body.app-shell .text-primary{color:var(--hcc-red)!important}
body.app-shell .bg-primary,body.app-shell .text-bg-primary{background-color:var(--hcc-red)!important;color:#fff!important}
body.app-shell .bg-primary-subtle{background-color:var(--hcc-red-soft)!important}
body.app-shell .text-primary-emphasis{color:var(--hcc-red-dark)!important}
body.app-shell a{color:var(--hcc-red-dark)}

body.app-shell .btn{min-height:44px;border-radius:12px;font-weight:700}
body.app-shell .btn-sm{min-height:38px;border-radius:10px}
body.app-shell .btn-primary,
body.app-shell .btn-dark{
  border-color:var(--hcc-red)!important;
  background:linear-gradient(135deg,#e22340,var(--hcc-red-dark))!important;
  color:#fff!important;
  box-shadow:0 12px 24px -18px rgba(172,13,39,.9)
}
body.app-shell .btn-primary:hover,body.app-shell .btn-dark:hover{border-color:var(--hcc-red-dark)!important;transform:translateY(-1px)}
body.app-shell .btn-outline-primary,
body.app-shell .btn-outline-dark{border-color:#df9dab;color:var(--hcc-red-dark);background:#fff}
body.app-shell .btn-outline-primary:hover,
body.app-shell .btn-outline-dark:hover{border-color:var(--hcc-red);background:var(--hcc-red-soft);color:var(--hcc-red-dark)}

body.app-shell .card,
body.app-shell .kcard,
body.app-shell .cardx,
body.app-shell .fb-wrap{
  border:1px solid var(--hcc-line)!important;
  border-radius:var(--hcc-radius)!important;
  background:#fff!important;
  box-shadow:var(--hcc-shadow)!important;
}
body.app-shell .card .card,
body.app-shell .card .kcard,
body.app-shell .card-body .card{
  box-shadow:none!important;
  border-color:#edf0f3!important;
}
body.app-shell .card-header,body.app-shell .card-footer{border-color:var(--hcc-line)!important;background:#fbfbfc!important}
body.app-shell .list-group-item{border-color:#edf0f3;background:transparent}
body.app-shell .list-group-item:hover{background:#fff8f9}

body.app-shell .form-control,
body.app-shell .form-select,
body.app-shell .input-group-text{
  min-height:48px;border-color:#dde1e7;border-radius:12px;background-color:#fff;color:var(--hcc-ink);box-shadow:none
}
body.app-shell .form-control:focus,body.app-shell .form-select:focus{
  border-color:#d74a60;box-shadow:0 0 0 4px rgba(215,25,50,.09)
}
body.app-shell .form-check-input:checked{border-color:var(--hcc-red);background-color:var(--hcc-red)}
body.app-shell .page-item.active .page-link{border-color:var(--hcc-red);background:var(--hcc-red)}
body.app-shell .page-link{color:var(--hcc-red-dark)}
body.app-shell .progress-bar{background-color:var(--hcc-red)}
body.app-shell .badge.text-bg-primary{background:var(--hcc-red)!important}
body.app-shell .alert-info{border-color:#f1ccd3;background:#fff3f5;color:#831028}
body.app-shell .service-box{border:1px solid #eccbd2!important;background:#fff!important;color:var(--hcc-ink);box-shadow:none!important}
body.app-shell .service-box:hover{border-color:var(--hcc-red)!important;background:var(--hcc-red-soft)!important}
body.app-shell .service-box:focus-visible{outline:4px solid rgba(215,25,50,.18);outline-offset:3px}

body.app-shell .footer{margin-top:44px!important;background:linear-gradient(145deg,#2b1118,#150b0e)!important;color:#eee8ea}
body.app-shell .footer a{color:#ff9dac!important}
body.app-shell footer:not(.footer){background:#fff!important;border-color:var(--hcc-line)!important}

body.app-console main>.container{max-width:1500px;padding-block:30px!important}
body.app-console .card-stat{border-top:3px solid var(--hcc-red)!important}
body.app-console .card-stat .value{color:var(--hcc-red-dark)}
body.app-console .chart-card canvas{filter:saturate(.72)}
body.app-console .feature-entry-card .display-6{color:var(--hcc-red)}
body.app-console .feature-entry-card:hover{background:var(--hcc-red-soft)!important}

@media(max-width:767px){
  body.app-shell .container{padding-inline:16px}
  body.app-shell .card-body{padding:18px}
  body.app-shell .footer{margin-top:28px!important}
  body.app-console main>.container{padding-block:18px!important}
}
@media(prefers-reduced-motion:reduce){body.app-shell *,body.app-shell *::before,body.app-shell *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}