:root{
    --bg-page:#111318;
    --bg-card:#1b1e26;
    --bg-card-hover:#22262f;
    --border-soft:#2a2e38;
    --accent:#6ea8fe;
    --text-muted:#9aa3b2;
  }
  body{
    background:var(--bg-page);
    color:#e8eaed;
    font-family:"Segoe UI",system-ui,-apple-system,sans-serif;
  }
  .navbar-brand{font-weight:700;letter-spacing:.3px;}
  .toolbar{
    background:var(--bg-card);
    border:1px solid var(--border-soft);
    border-radius:.75rem;
    padding:1rem;
  }
  .product-card{
    background:var(--bg-card);
    border:1px solid var(--border-soft);
    border-radius:.75rem;
    overflow:hidden;
    height:100%;
    transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
    display:flex;
    flex-direction:column;
  }
  .product-card:hover{
    transform:translateY(-4px);
    background:var(--bg-card-hover);
    box-shadow:0 8px 24px rgba(0,0,0,.35);
  }
  .product-img-wrap{
    background:#0d0f13;
    aspect-ratio:1/1;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
  }
  .product-img-wrap img{
    width:100%;
    height:100%;
    object-fit:contain;
    padding:.5rem;
  }
  .product-body{
    padding:.85rem 1rem 1rem;
    display:flex;
    flex-direction:column;
    flex-grow:1;
  }
  .product-title{
    font-size:.9rem;
    line-height:1.3;
    min-height:2.6em;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    margin-bottom:.5rem;
    color:#e8eaed;
  }
  .product-id{
    font-size:.72rem;
    color:var(--text-muted);
    margin-bottom:.35rem;
  }
  .product-price{
    font-size:1.15rem;
    font-weight:700;
    color:var(--accent);
    margin-top:auto;
  }
  .badge-count{
    background:var(--bg-card);
    border:1px solid var(--border-soft);
  }
  .form-control, .form-select{
    background:#14161c;
    border-color:var(--border-soft);
    color:#e8eaed;
  }
  .form-control:focus, .form-select:focus{
    background:#14161c;
    color:#e8eaed;
    border-color:var(--accent);
    box-shadow:0 0 0 .2rem rgba(110,168,254,.15);
  }
  .form-control::placeholder{color:#6b7280;}
  .rate-pill{
    font-size:.78rem;
    color:var(--text-muted);
  }
  .page-item .page-link{
    background:var(--bg-card);
    border-color:var(--border-soft);
    color:#e8eaed;
  }
  .page-item.active .page-link{
    background:var(--accent);
    border-color:var(--accent);
    color:#0d0f13;
  }
  .page-item.disabled .page-link{
    background:#14161c;
    color:#5a616e;
  }
  .no-results{
    color:var(--text-muted);
    padding:3rem 0;
    text-align:center;
  }
  footer{color:var(--text-muted);font-size:.8rem;}
  ::-webkit-scrollbar{width:10px;height:10px;}
  ::-webkit-scrollbar-track{background:var(--bg-page);}
  ::-webkit-scrollbar-thumb{background:var(--border-soft);border-radius:5px;}