:root{
 --bg:#f4faf8;
 --card:#ffffff;
 --ink:#10231f;
 --mint:#dff7ef;
 --mint2:#c7f0e3;
 --border:#dcebe6;
 --shadow:0 10px 32px rgba(16,35,31,.07);
}

body{
 background:var(--bg)!important;
 color:var(--ink)!important;
 font-family:Inter,Arial,sans-serif!important;
}

.av-topbar{
 height:74px;
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding:0 28px;
 border-bottom:1px solid var(--border);
 background:rgba(255,255,255,.78);
 backdrop-filter:blur(10px);
 position:sticky;
 top:0;
 z-index:9999;
}

.av-brand{
 display:flex;
 align-items:center;
 gap:14px;
 font-weight:900;
 color:#10231f;
 font-size:22px;
}

.av-logo{
 width:42px;
 height:42px;
 border-radius:14px;
 background:linear-gradient(135deg,#13b67c,#b6f2dd);
 color:white;
 display:flex;
 align-items:center;
 justify-content:center;
 font-weight:900;
 font-size:18px;
 box-shadow:0 8px 24px rgba(19,182,124,.22);
 flex-shrink:0;
}

.av-sub{
 font-size:12px;
 opacity:.65;
 margin-top:2px;
}

.av-actions{
 display:flex;
 align-items:center;
 gap:12px;
}

.av-chip{
 padding:10px 16px;
 border-radius:12px;
 border:1px solid var(--border);
 background:white;
 color:#10231f;
 font-weight:700;
 text-decoration:none;
 box-shadow:var(--shadow);
}

.av-primary{
 background:#dff7ef!important;
 color:#064!important;
}

.av-danger{
 background:#fff1f1!important;
 color:#b42318!important;
}

.av-avatar{
 width:42px;
 height:42px;
 border-radius:999px;
 background:#dff7ef;
 display:flex;
 align-items:center;
 justify-content:center;
 font-weight:900;
 color:#064;
 border:1px solid var(--border);
}

main,.main,.content{
 padding-top:28px!important;
}

@media(max-width:760px){
 .av-topbar{
   padding:0 16px;
   height:auto;
   min-height:74px;
 }
 .av-brand{
   font-size:18px;
 }
 .av-actions{
   gap:8px;
   flex-wrap:wrap;
   justify-content:flex-end;
 }
 .av-chip{
   padding:8px 12px;
   font-size:13px;
 }
}