:root{
  --avh-gold:#e8bb01;
  --avh-ink:#20221d;
  --avh-muted:#66695f;
  --avh-line:#dedfd7;
  --avh-paper:#f7f7f2;
  --bs-primary:#e8bb01;
  --bs-body-color:var(--avh-ink);
  --bs-link-color:#655000;
  --bs-link-hover-color:#302600}

body{
  background:var(--avh-paper);
  color:var(--avh-ink);
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.6}
a{
   text-underline-offset:4px}
h1,h2,h3{
  font-weight:700;
  letter-spacing:-.035em}
a:focus-visible,button:focus-visible{
  outline:3px solid #937500;
  outline-offset:4px}
.container{
  max-width:1200px}
.skip-link{
  position:absolute;
  top:-80px;
  left:16px;
  z-index:100;
  background:var(--avh-gold);
  color:#181a15;
  padding:12px}
.skip-link:focus{
  top:12px}
.brand-header{
  background:#000;
  border-bottom:3px solid var(--avh-gold);
  color:white}
.brand-header-inner{
  display:flex;
  align-items:center;
  gap:28px;
  min-height:110px}
.brand-logo{
  display:block;
  flex-shrink:0}
.brand-logo img{
  width:232px;
  height:auto;
  display:block}
.product-name{
  border-left:1px solid #505149;
  padding-left:28px;
  font-size:18px;
  font-weight:700;
  letter-spacing:.02em}
.product-name span{
  display:block;
  font-size:11px;
  color:#c6c8be;
  font-weight:400;
  letter-spacing:.13em;
  text-transform:uppercase}
.account-actions{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:24px}
.account-name{
  font-size:13px;
  color:#c6c8be}
.logout-button{
  background:transparent;
  border:1px solid #606158;
  color:white;
  border-radius:4px;
  padding:7px 14px;
  font-size:13px}
.logout-button:hover{
  border-color:var(--avh-gold);
  color:var(--avh-gold)}
.workspace-nav{
  background:white;
  border-bottom:1px solid var(--avh-line);
  padding:0}
.workspace-nav .nav-link{
  padding:19px 16px!important;
  color:#5c6055;
  font-size:13px;
  font-weight:600;
  border-bottom:3px solid transparent}
.workspace-nav .nav-link.active{
  border-color:var(--avh-gold);
  color:#1c1e19}
.workspace-nav .nav-link:hover{
  background:#f7f7f2;
  color:#1c1e19}
.store-link{
  color:#66695f;
  font-size:12px;
  text-decoration:none}
.workspace-main{
  padding:44px 0 60px;
  min-height:calc(100vh - 245px)}
.workspace-footer{
  display:flex;
  justify-content:space-between;
  border-top:1px solid var(--avh-line);
  padding-top:20px;
  padding-bottom:24px;
  font-size:11px;
  color:var(--avh-muted)}
.workspace-footer>span:first-child{
  font-weight:700;
  color:var(--avh-ink)}
.eyebrow{
  text-transform:uppercase;
  letter-spacing:.15em;
  font-size:10px;
  font-weight:700;
  color:var(--avh-muted);
  display:block;
  margin-bottom:15px}
.btn{
  border-radius:4px;
  font-weight:600;
  font-size:13px;
  padding:10px 18px}
.btn-primary{
  --bs-btn-color:#242412;
  --bs-btn-bg:var(--avh-gold);
  --bs-btn-border-color:var(--avh-gold);
  --bs-btn-hover-color:#191b15;
  --bs-btn-hover-bg:#d5ac00;
  --bs-btn-hover-border-color:#d5ac00;
  --bs-btn-active-bg:#c9a200;
  --bs-btn-active-border-color:#c9a200;
  --bs-btn-active-color:#191b15;
  --bs-btn-disabled-bg:#e8bb01;
  --bs-btn-disabled-border-color:#e8bb01;
  --bs-btn-disabled-color:#242412;
  --bs-btn-focus-shadow-rgb:147,117,0}
.form-group{
  margin-bottom:22px}
label{
  margin-bottom:6px;
  font-size:13px;
  font-weight:600}
.form-label{
  display:block}
.form-control,.form-select{
  border-color:#cdd0c4;
  border-radius:4px;
  padding:10px 12px;
  font-size:14px}
.form-control:focus,.form-select:focus,.form-check-input:focus{
  border-color:#a58400;
  box-shadow:0 0 0 3px #e8bb012a}
.form-check-input:checked{
  background-color:#806600;
  border-color:#806600}
.card{
  border:1px solid var(--avh-line);
  border-radius:7px;
  overflow:hidden;
  margin-bottom:1rem;
  box-shadow:0 3px 14px #24241203}
.card-header{
  padding:18px 24px;
  background:white;
  font-weight:700;
  border-bottom:1px solid var(--avh-line)}
.card-body{
  padding:28px}
.table{
  vertical-align:middle;
  font-size:14px;
  --bs-table-striped-bg:#f7f7f2}
.table th{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--avh-muted);
  padding:15px 12px}
.table td{
  padding:16px 12px;
  border-color:#eaebe5}
.table .btn{
  padding:7px 12px}
.productadd{
  margin-bottom:1rem}
pre{
  white-space:pre-wrap}
.uper{
  margin-top:1rem}
.text-secondary{
  color:var(--avh-muted)!important}
.dashboard-welcome{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:8px 0 36px}
.dashboard-welcome h1{
  font-size:36px;
  margin-bottom:12px}
.dashboard-welcome p{
  color:var(--avh-muted);
  margin:0;
  font-size:14px}
.dashboard-welcome .btn{
  white-space:nowrap}
.dashboard-welcome .btn span{
  margin-left:20px}
.section-heading{
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-top:1px solid var(--avh-line);
  padding:28px 0 20px}
.section-heading h2{
  font-size:18px;
  margin:0}
.section-heading>span{
  font-size:11px;
  color:var(--avh-muted)}
.module-card{
  display:block;
  height:100%;
  background:white;
  border:1px solid var(--avh-line);
  border-radius:6px;
  padding:26px 28px;
  text-decoration:none;
  color:var(--avh-ink);
  transition:border-color .15s,box-shadow .15s}
.module-card:hover{
  color:var(--avh-ink);
  border-color:#b39a35;
  box-shadow:0 6px 22px #2928170a}
.module-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:26px}
.module-number{
  font-size:12px;
  font-weight:700;
  border:1px solid #e6e2ca;
  background:#fbf8e9;
  border-radius:50%;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  color:#7c6400}
.module-arrow{
  font-size:24px;
  color:#7d806f}
.module-card h3{
  font-size:23px;
  margin-bottom:10px}
.module-tagline{
  font-size:14px;
  font-weight:600;
  margin-bottom:7px}
.module-description{
  font-size:13px;
  line-height:1.7;
  color:var(--avh-muted);
  max-width:380px;
  margin-bottom:24px}
.module-action{
  font-size:12px;
  font-weight:700;
  display:flex;
  gap:16px;
  align-items:center}
.module-action span{
  color:#947800;
  font-size:18px}
.settings-strip{
  margin-top:28px;
  padding:22px 25px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  background:#eeefe7;
  border-radius:5px;
  font-size:12px}
.settings-strip strong{
  display:block;
  margin-bottom:3px}
.settings-strip span{
  color:var(--avh-muted)}
.settings-strip a{
  white-space:nowrap;
  color:var(--avh-ink);
  font-weight:600}
.login-grid{
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:80px;
  align-items:center;
  min-height:560px;
  padding-top:30px;
  padding-bottom:30px}
.login-intro{
  padding:20px 0}
.login-intro .eyebrow{
  margin-bottom:28px}
.login-intro h1{
  font-family:Georgia,'Times New Roman',serif;
  font-size:58px;
  line-height:1.12;
  font-weight:400;
  letter-spacing:-.045em;
  margin-bottom:25px}
.login-intro>p{
  max-width:390px;
  color:var(--avh-muted);
  font-size:15px;
  line-height:1.9}
.intro-divider{
  width:62px;
  height:4px;
  background:var(--avh-gold);
  margin:34px 0}
.intro-caption{
  display:flex;
  align-items:center;
  gap:18px;
  font-size:13px;
  color:var(--avh-muted)}
.intro-symbol{
  font-size:38px;
  color:#9d8100}
.login-panel{
  background:white;
  padding:44px;
  border:1px solid var(--avh-line);
  border-top:4px solid var(--avh-gold);
  border-radius:6px;
  box-shadow:0 12px 36px #25281606}
.login-panel h2{
  font-size:29px;
  margin-bottom:10px}
.login-panel>p{
  font-size:13px}
.login-panel .eyebrow{
  font-size:9px}
.login-options{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin:6px 0 26px;
  font-size:11px}
.login-options label{
  font-weight:400;
  font-size:12px;
  margin:0}
.login-options a{
  color:var(--avh-muted)}
.login-submit{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:13px 18px}
.login-note{
  font-size:11px!important;
  text-align:center;
  color:var(--avh-muted);
  margin:22px 0 0}

@media(min-width:992px){
  .workspace-nav .nav-item:first-child .nav-link{
  padding-left:0!important;
  padding-right:24px!important}
}

@media(max-width:991px){
  .workspace-nav{
  padding:10px 0}
.navbar-toggler{
  font-size:13px;
  border:0;
  padding:5px 0}
.navbar-toggler-icon{
  width:22px;
  height:22px}
.workspace-nav .nav-link{
  padding:12px 10px!important}
.store-link{
  display:block;
  padding:12px 10px}
.login-grid{
  gap:35px}
.login-intro h1{
  font-size:45px}
.login-panel{
  padding:30px}
.account-name{
  display:none}
}

@media(max-width:767px){
  .container{
  padding-left:22px;
  padding-right:22px}
.brand-header-inner{
  min-height:88px;
  gap:16px}
.brand-logo img{
  width:175px}
.product-name{
  padding-left:16px;
  font-size:14px}
.product-name span{
  font-size:8px;
  letter-spacing:.08em}
.account-actions{
  gap:0}
.logout-button{
  font-size:11px;
  padding:6px 8px}
.admin-layout .product-name{
  display:none}
.workspace-main{
  padding:28px 0 36px}
.login-grid{
  grid-template-columns:1fr;
  gap:24px;
  padding-top:0;
  padding-bottom:0;
  min-height:0}
.login-intro{
  padding:0}
.login-intro h1{
  font-size:38px;
  margin-bottom:15px}
.login-intro .eyebrow{
  margin-bottom:16px}
.login-intro>p{
  font-size:13px;
  margin-bottom:0;
  max-width:100%}
.intro-divider,.intro-caption{
  display:none}
.login-panel{
  padding:26px}
.dashboard-welcome{
  align-items:flex-start;
  flex-direction:column;
  padding-bottom:26px}
.dashboard-welcome h1{
  font-size:29px}
.section-heading>span{
  display:none}
.module-card{
  padding:24px}
.module-top{
  margin-bottom:20px}
.settings-strip{
  align-items:flex-start;
  flex-direction:column}
.card-body{
  padding:18px}
.table{
  display:block;
  overflow-x:auto}
.workspace-footer{
  font-size:10px;
  margin:0 22px;
  width:calc(100% - 44px);
  padding-left:0;
  padding-right:0}
.login-options{
  flex-wrap:wrap}
.login-panel h2{
  font-size:26px}
}

@media(prefers-reduced-motion:reduce){
  *{
  transition:none!important;
  scroll-behavior:auto!important}
}

/* Navigation stays usable even when the Bootstrap bundle is unavailable. */
.workspace-nav-toggle{
  min-width:88px;
  min-height:44px;
  padding:10px 12px;
  border:1px solid var(--avh-line);
  border-radius:6px;
  color:var(--avh-ink);
  background:var(--avh-paper)}
.workspace-nav-toggle[aria-expanded="true"]{
  border-color:var(--avh-gold);
  background:#fffbeb}
.workspace-nav-panel[hidden],.workspace-nav-toggle[hidden]{
  display:none!important}
@media(max-width:991px){
  .workspace-nav-panel{
    padding-top:10px;
    width:100%}
  .workspace-nav .nav-link{
    min-height:44px}
}
