:root{--brand:#111827;--accent:#635bff}
body{background:#f8fafc;color:#172033}
.navbar-brand span{color:var(--accent)}
.hero{padding:100px 0 90px;background:linear-gradient(180deg,#fff 0%,#f7f9fc 100%)}
.hero h1{font-size:clamp(2.5rem,5vw,4.6rem);letter-spacing:-.05em}
.btn-primary{background:#111827;border-color:#111827}
.btn-primary:hover{background:#000;border-color:#000}
.card{border:1px solid #e7ebf1;border-radius:18px;box-shadow:0 8px 30px rgba(15,23,42,.04)}
.product-image{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px;background:#eef2f7}
.plugin-icon{width:72px;height:72px;object-fit:cover;border-radius:16px;background:#eef2f7}
.feature-icon{width:44px;height:44px;border-radius:12px;background:#f0f1ff;display:grid;place-items:center}

.admin-shell{
  display:grid !important;
  grid-template-columns:260px minmax(0,1fr);
  align-items:stretch;
  width:100%;
  min-height:calc(100vh - 57px);
  background:#f8fafc;
}
.admin-shell .admin-sidebar{
  grid-column:1;
  grid-row:1;
  width:260px !important;
  min-height:calc(100vh - 57px);
  position:sticky;
  top:57px;
  align-self:start;
  background:#111827;
  padding:24px 16px !important;
}
.admin-sidebar h5{padding:8px 14px}
.admin-sidebar a{
  color:#cbd5e1;
  text-decoration:none;
  display:block;
  padding:10px 14px;
  margin:2px 0;
  border-radius:10px;
}
.admin-sidebar a:hover{background:#1f2937;color:#fff}
.admin-shell .admin-content{
  grid-column:2;
  grid-row:1;
  min-width:0;
  padding:32px;
  background:#f8fafc;
}
@media(max-width:767.98px){
  .admin-shell{
    display:block !important;
    min-height:0;
  }
  .admin-shell .admin-sidebar{
    width:100% !important;
    min-height:auto;
    position:static;
  }
  .admin-sidebar a{display:inline-block}
  .admin-shell .admin-content{padding:20px}
}

.product-admin-card{border:1px solid #e2e8f0;box-shadow:0 10px 30px rgba(15,23,42,.05);transition:transform .15s ease,box-shadow .15s ease}
.product-admin-card:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(15,23,42,.08)}
.product-admin-card .form-control,.product-admin-card .form-select{border-color:#dbe3ec}