:root{
  --av-bg:#eef2f6;
  --av-sidebar:#071b2d;
  --av-sidebar-2:#0b253a;
  --av-card:#ffffff;
  --av-soft:#f4f6f9;
  --av-line:#d8e0ea;
  --av-text:#06162a;
  --av-muted:#52647a;
  --av-blue:#0b3a5d;
  --av-green:#059669;
  --av-shadow:0 14px 36px rgba(15,23,42,.06);
}

*{box-sizing:border-box}

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

.av-shell{
  min-height:100vh;
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
}

.av-sidebar{
  background:linear-gradient(180deg,var(--av-sidebar),var(--av-sidebar-2));
  color:#fff;
  padding:22px 16px;
  position:sticky;
  top:0;
  height:100vh;
}

.av-brand{
  font-size:18px;
  font-weight:800;
  letter-spacing:-.03em;
  margin:4px 8px 24px;
}

.av-nav{
  display:grid;
  gap:6px;
}

.av-nav a{
  color:#cfe0ec;
  text-decoration:none;
  padding:11px 12px;
  border-radius:12px;
  font-size:14px;
  display:block;
}

.av-nav a:hover,
.av-nav a.active{
  background:rgba(255,255,255,.10);
  color:#fff;
}

.av-main{
  min-width:0;
  padding:28px;
}

.av-topbar{
  background:#fff;
  border:1px solid var(--av-line);
  border-radius:18px;
  box-shadow:var(--av-shadow);
  padding:18px 22px;
  margin-bottom:22px;
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
}

.av-topbar h1{
  margin:0;
  font-size:26px;
  letter-spacing:-.04em;
  color:var(--av-text);
}

.av-topbar p{
  margin:4px 0 0;
  color:var(--av-muted);
  font-size:14px;
}

.av-content{
  max-width:1600px;
  margin:0 auto;
}

.card,.panel,.module,.widget,.priority-panel{
  background:#fff!important;
  border:1px solid var(--av-line)!important;
  border-radius:16px!important;
  box-shadow:var(--av-shadow)!important;
  color:var(--av-text)!important;
}

table{
  width:100%!important;
  border-collapse:collapse!important;
}

thead{
  background:var(--av-soft)!important;
}

th{
  color:#52647a!important;
  font-size:12px!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
}

td,th{
  padding:14px 16px!important;
  border-bottom:1px solid #e6ebf1!important;
}

.badge,.status-pill,button,.btn{
  border-radius:999px!important;
}

.priority-item{
  background:#f4f6f9!important;
  border:1px solid #e6ebf1!important;
  color:var(--av-text)!important;
}

@media(max-width:1000px){
  .av-shell{grid-template-columns:1fr}
  .av-sidebar{height:auto;position:relative}
}
