:root{
  --cream:#F3E9D7; --cappuccino:#D6BFA6; --caramel:#B08968;
  --mocha:#7A553A; --espresso:#3B2A22;
}
body{background:var(--cream);color:var(--espresso);font-family:'Poppins',sans-serif;}
h1,h2,h3,h4,h5,.font-display{font-family:'Playfair Display',serif;letter-spacing:-.01em;}
.italic{font-style:italic;color:var(--mocha);}
a{color:var(--mocha);text-decoration:none;}
a:hover{color:var(--caramel);}
.text-muted-pb{color:#7a6b5a;}

.pb-navbar{background:rgba(243,233,215,.85);backdrop-filter:blur(10px);transition:box-shadow .3s,background .3s;padding:.9rem 0;}
.pb-navbar.scrolled{background:rgba(243,233,215,.98);box-shadow:0 4px 20px -10px rgba(59,42,34,.2);}
.pb-navbar .navbar-brand{font-size:1.6rem;color:var(--espresso);}
.pb-navbar .nav-link{color:var(--espresso);font-weight:500;font-size:.92rem;}
.pb-navbar .nav-link:hover{color:var(--caramel);}

.btn-pb{background:var(--mocha);color:var(--cream);border-radius:8px;padding:.55rem 1.3rem;font-weight:500;border:1px solid transparent;transition:all .25s;}
.btn-pb:hover{background:var(--caramel);color:var(--cream);transform:translateY(-1px);box-shadow:0 6px 18px -8px rgba(59,42,34,.35);}
.btn-outline-pb{background:transparent;color:var(--espresso);border:1px solid var(--espresso);border-radius:8px;padding:.5rem 1.2rem;font-weight:500;}
.btn-outline-pb:hover{background:var(--espresso);color:var(--cream);}

.form-control,.form-select{border-radius:8px;border:1px solid #d4c4ad;padding:.65rem .9rem;background:#fbf6ec;}
.form-control:focus,.form-select:focus{border-color:var(--caramel);box-shadow:0 0 0 3px rgba(176,137,104,.18);}

.hero{background:linear-gradient(135deg,var(--cream),var(--cappuccino));padding:5rem 0;}
.hero h1{font-size:clamp(2.4rem,5vw,4rem);line-height:1.1;}
.tag{font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:var(--caramel);}

.card-product{background:#fbf6ec;border-radius:12px;overflow:hidden;border:none;transition:all .3s;position:relative;}
.card-product:hover{transform:translateY(-4px);box-shadow:0 18px 40px -18px rgba(59,42,34,.35);}
.card-product img{aspect-ratio:3/4;object-fit:cover;width:100%;transition:transform .7s;}
.card-product:hover img{transform:scale(1.05);}
.card-product .add-cart{position:absolute;top:12px;right:12px;background:rgba(251,246,236,.95);border:none;border-radius:50%;width:38px;height:38px;opacity:0;transform:translateY(4px);transition:all .3s;color:var(--espresso);}
.card-product:hover .add-cart{opacity:1;transform:translateY(0);}
.card-product .add-cart:hover{background:var(--mocha);color:var(--cream);}
.card-product .p-name{font-family:'Playfair Display',serif;font-size:1.1rem;color:var(--espresso);display:block;margin-top:.25rem;}
.card-product .p-price{color:var(--mocha);font-weight:500;font-size:.9rem;}
.card-product .p-cat{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#9a8770;}

.cat-card{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:4/5;}
.cat-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s;}
.cat-card:hover img{transform:scale(1.06);}
.cat-card .overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(59,42,34,.7),transparent 55%);display:flex;align-items:flex-end;padding:1.2rem;}
.cat-card .overlay h5{color:#fbf6ec;margin:0;}

.pb-footer{background:#2e2018;color:#d8c9b3;}
.pb-footer h5,.pb-footer h6{color:#fbf6ec;}
.pb-footer a{color:#bfa98e;}
.pb-footer a:hover{color:#fbf6ec;}

.section-title{font-size:2rem;}
.chip{padding:.4rem 1rem;border:1px solid #d4c4ad;border-radius:999px;font-size:.85rem;color:var(--espresso);background:transparent;}
.chip.active,.chip:hover{background:var(--mocha);color:var(--cream);border-color:var(--mocha);}

.admin-sidebar{background:var(--espresso);min-height:100vh;color:var(--cream);padding:1.5rem 1rem;}
.admin-sidebar a{color:#d8c9b3;display:block;padding:.6rem .9rem;border-radius:8px;margin-bottom:.25rem;}
.admin-sidebar a:hover,.admin-sidebar a.active{background:var(--mocha);color:var(--cream);}

.status-badge{padding:.25rem .7rem;border-radius:999px;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;}
.status-pending{background:#f5e6c9;color:#8a6a26;}
.status-verified{background:#cde5d3;color:#2f6b3e;}
.status-shipped{background:#cfe0f0;color:#2b5a86;}
.status-done{background:#d6bfa6;color:#3b2a22;}
.status-cancelled{background:#f0cfcf;color:#86322b;}

/* ===== ADMIN PANEL ===== */
.admin-body{background:#efe4ce;}
.admin-shell{display:flex;min-height:100vh;}
.admin-sidebar{
  width:250px;flex-shrink:0;background:linear-gradient(180deg,#3B2A22 0%,#2a1d17 100%);
  color:#d8c9b3;padding:1.6rem 1.1rem;display:flex;flex-direction:column;
  position:sticky;top:0;height:100vh;
}
.admin-brand{display:flex;align-items:center;gap:.75rem;padding-bottom:1.4rem;border-bottom:1px solid rgba(216,201,179,.15);margin-bottom:1.2rem;}
.brand-mark{
  width:42px;height:42px;border-radius:10px;background:linear-gradient(135deg,var(--caramel),var(--mocha));
  display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;
  font-size:1.4rem;color:#fbf6ec;flex-shrink:0;box-shadow:0 4px 14px -4px rgba(0,0,0,.4);
}
.brand-mark-lg{width:58px;height:58px;font-size:1.8rem;margin:0 auto;}
.brand-title{color:#fbf6ec;font-size:1.05rem;line-height:1.1;}
.brand-title .italic{color:var(--caramel);}
.brand-sub{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:#bfa98e;margin-top:.2rem;}
.admin-nav{display:flex;flex-direction:column;gap:.2rem;flex:1;}
.admin-nav a{
  color:#bfa98e;display:flex;align-items:center;gap:.7rem;padding:.7rem .9rem;
  border-radius:9px;font-size:.92rem;font-weight:500;text-decoration:none;transition:all .2s;
}
.admin-nav a .ico{font-size:1rem;width:18px;text-align:center;opacity:.8;}
.admin-nav a:hover{background:rgba(176,137,104,.18);color:#fbf6ec;}
.admin-nav a.active{background:linear-gradient(90deg,var(--mocha),rgba(176,137,104,.4));color:#fbf6ec;box-shadow:0 4px 14px -6px rgba(0,0,0,.5);}
.admin-foot{padding-top:1rem;border-top:1px solid rgba(216,201,179,.15);display:flex;flex-direction:column;gap:.3rem;}
.admin-link-soft{color:#bfa98e;font-size:.85rem;padding:.4rem .9rem;border-radius:8px;text-decoration:none;}
.admin-link-soft:hover{background:rgba(176,137,104,.15);color:#fbf6ec;}

.admin-main{flex:1;min-width:0;background:#efe4ce;}
.admin-topbar{
  display:flex;justify-content:space-between;align-items:center;
  padding:1.6rem 2rem;background:rgba(243,233,215,.7);backdrop-filter:blur(8px);
  border-bottom:1px solid rgba(176,137,104,.2);position:sticky;top:0;z-index:10;
}
.admin-crumb{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--caramel);margin-bottom:.2rem;}
.admin-page-title{font-size:1.7rem;color:var(--espresso);margin:0;}
.admin-user{display:flex;align-items:center;gap:.9rem;}
.admin-user .fw-500{font-weight:500;color:var(--espresso);font-size:.9rem;}
.admin-avatar{
  width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--caramel),var(--mocha));
  color:#fbf6ec;display:flex;align-items:center;justify-content:center;font-weight:600;font-family:'Playfair Display',serif;font-size:1.1rem;
}
.admin-content{padding:1.8rem 2rem 3rem;}

.stat-card{
  background:#fbf6ec;border-radius:14px;padding:1.2rem 1.3rem;
  display:flex;align-items:center;gap:1rem;border:1px solid rgba(176,137,104,.15);
  transition:all .25s;box-shadow:0 2px 10px -6px rgba(59,42,34,.15);
}
.stat-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px -16px rgba(59,42,34,.3);}
.stat-ico{
  width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  font-size:1.3rem;color:#fbf6ec;flex-shrink:0;
}
.stat-ico-1{background:linear-gradient(135deg,#b08968,#7a553a);}
.stat-ico-2{background:linear-gradient(135deg,#8a6a4a,#5a3d2a);}
.stat-ico-3{background:linear-gradient(135deg,#d4a574,#a87850);}
.stat-ico-4{background:linear-gradient(135deg,#7a553a,#3b2a22);}
.stat-label{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#9a8770;margin-bottom:.2rem;}
.stat-value{font-family:'Playfair Display',serif;font-size:1.7rem;color:var(--espresso);line-height:1;}
.stat-money{font-size:1.25rem;}

.admin-panel{
  background:#fbf6ec;border-radius:14px;padding:1.6rem;
  border:1px solid rgba(176,137,104,.15);box-shadow:0 2px 10px -6px rgba(59,42,34,.15);
}
.admin-sub{font-family:'Playfair Display',serif;color:var(--mocha);font-size:.95rem;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.7rem;}

.admin-table thead th{
  background:transparent;border-bottom:1px solid rgba(176,137,104,.3);
  color:var(--mocha);font-weight:500;font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;padding:.7rem .75rem;
}
.admin-table tbody td{border-bottom:1px solid rgba(176,137,104,.12);padding:.85rem .75rem;color:var(--espresso);}
.admin-table tbody tr:hover{background:rgba(214,191,166,.18);}
.admin-table tbody tr:last-child td{border-bottom:0;}

.admin-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px;border:1px solid rgba(176,137,104,.2);}
.admin-thumb-lg{width:140px;height:140px;object-fit:cover;border-radius:10px;}
.chip-soft{background:rgba(176,137,104,.18);color:var(--mocha);padding:.25rem .7rem;border-radius:999px;font-size:.75rem;font-weight:500;}
.empty-state{background:rgba(176,137,104,.1);border:1px dashed rgba(176,137,104,.3);border-radius:10px;padding:1rem;color:#9a8770;text-align:center;}
.fw-500{font-weight:500;}

/* Admin login screen */
.admin-login-body{
  background:linear-gradient(135deg,#3b2a22 0%,#7a553a 60%,#b08968 100%);
  min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;
}
.admin-login-card{
  background:#fbf6ec;border-radius:18px;padding:2.2rem 2rem;width:100%;max-width:420px;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.5);
}
.admin-login-brand{text-align:center;}

@media (max-width: 768px){
  .admin-shell{flex-direction:column;}
  .admin-sidebar{width:100%;height:auto;position:relative;}
  .admin-sidebar .admin-nav{flex-direction:row;flex-wrap:wrap;}
  .admin-foot{flex-direction:row;}
  .admin-topbar{padding:1rem;}
  .admin-content{padding:1.2rem;}
}