/* ModaStyle Fashion V2 - boutique UI refresh. Presentation only, PHP logic unchanged. */
:root{
  --bc-bg:#fff8fb;
  --bc-surface:#ffffff;
  --bc-surface-2:#fff1f6;
  --bc-surface-3:#f8f0ff;
  --bc-primary:#d9467b;
  --bc-primary-dark:#be185d;
  --bc-secondary:#7c3aed;
  --bc-gold:#f6a623;
  --bc-ink:#20121a;
  --bc-text:#3a2630;
  --bc-muted:#7c6974;
  --bc-line:#f3d9e4;
  --bc-line-2:#eadcfb;
  --bc-shadow:0 18px 48px rgba(104, 45, 74, .12);
  --bc-shadow-hover:0 26px 70px rgba(217, 70, 123, .20);
  --bc-radius:24px;
  --bc-radius-sm:16px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:
    radial-gradient(circle at 9% 8%, rgba(255,214,231,.70), transparent 26%),
    radial-gradient(circle at 88% 14%, rgba(235,221,255,.72), transparent 26%),
    linear-gradient(180deg,#fffafd 0%,#fff7fb 48%,#fffdf9 100%)!important;
  color:var(--bc-text)!important;
  letter-spacing:-.01em;
}
a{color:inherit;text-decoration:none}.container{max-width:1240px!important;padding-left:18px!important;padding-right:18px!important}
img{max-width:100%}
/* Header customer */
.header{
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(243,217,228,.92)!important;
  box-shadow:0 10px 34px rgba(95,40,69,.08)!important;
  position:sticky!important;top:0;z-index:1000;
}
.header .container,.header-inner{gap:24px!important}.logo{
  color:var(--bc-primary)!important;font-weight:950!important;letter-spacing:-.04em!important;
  display:inline-flex!important;align-items:center!important;gap:8px!important;
}
.logo span{color:var(--bc-secondary)!important}.logo::before{
  content:'◈';display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:16px;
  background:linear-gradient(135deg,#fff1f6,#f0e7ff);color:var(--bc-primary);box-shadow:inset 0 0 0 1px var(--bc-line);
  font-size:20px;line-height:1;
}
.desktop-nav a{color:#392734!important;font-weight:850!important;padding:12px 16px!important;border-radius:999px!important;transition:.22s ease!important}
.desktop-nav a:hover,.desktop-nav a.active{background:#fff1f6!important;color:var(--bc-primary)!important;transform:translateY(-1px)}
.desktop-nav a::after{display:none!important}.action-item,.cart-item-info{color:#382631!important}.action-icon{color:var(--bc-primary)!important}.badge{background:var(--bc-primary)!important;color:#fff!important;box-shadow:0 8px 18px rgba(217,70,123,.24)!important}
.btn-login,.cart-btn,.btn-cart-hover,.add-to-cart-btn,.checkout-btn,.submit-btn,.btn-submit,.update-btn,.filter-btn,.btn-primary,.btn-add-cart,.btn-apply-filter,.btn-submit-order{
  background:linear-gradient(135deg,var(--bc-primary),var(--bc-secondary))!important;color:#fff!important;border:none!important;border-radius:999px!important;
  box-shadow:0 16px 32px rgba(217,70,123,.24)!important;font-weight:900!important;transition:.22s ease!important;
}
.btn-login:hover,.cart-btn:hover,.btn-cart-hover:hover,.add-to-cart-btn:hover,.checkout-btn:hover,.submit-btn:hover,.btn-submit:hover,.update-btn:hover,.filter-btn:hover,.btn-primary:hover,.btn-add-cart:hover,.btn-apply-filter:hover,.btn-submit-order:hover{
  transform:translateY(-2px)!important;box-shadow:0 22px 40px rgba(124,58,237,.22)!important;filter:saturate(1.05);
}
.menu-toggle{color:var(--bc-primary)!important;background:#fff1f6!important;border:1px solid var(--bc-line)!important;border-radius:15px!important;padding:10px!important}.dropdown-menu,.mobile-sidebar{border:1px solid var(--bc-line)!important;border-radius:22px!important;box-shadow:var(--bc-shadow)!important}.sidebar-header,.sidebar-user{background:#fff7fb!important}.sidebar-nav a:hover{background:#fff1f6!important;color:var(--bc-primary)!important}.sidebar-nav a i{color:var(--bc-primary)!important}
/* Common sections */
.home-section,.page-section{padding-top:38px!important;padding-bottom:34px!important}.section-header{border-bottom:none!important;margin-bottom:24px!important;align-items:center!important}.section-title{color:var(--bc-ink)!important;text-transform:none!important;letter-spacing:-.045em!important;font-weight:950!important;font-size:clamp(22px,2.2vw,34px)!important;line-height:1.12!important}.section-title::after{content:''!important;display:block!important;width:58px!important;height:6px!important;background:linear-gradient(90deg,var(--bc-primary),var(--bc-gold))!important;border-radius:999px!important;margin-top:12px!important;position:static!important}.title-sale::after{background:linear-gradient(90deg,var(--bc-gold),var(--bc-primary))!important}.view-more{color:var(--bc-primary)!important;background:#fff!important;border:1px solid var(--bc-line)!important;border-radius:999px!important;padding:10px 14px!important;box-shadow:0 10px 22px rgba(217,70,123,.08)!important}.view-more:hover{background:#fff1f6!important;color:var(--bc-primary-dark)!important;transform:translateX(0) translateY(-1px)!important}
/* Home hero: keep original blocks but restyle */
.hero-grid{gap:22px!important;align-items:stretch!important}.hero-col-left,.hero-col-right{gap:18px!important}.hero-sidebar,.product-card,.news-card,.feature-card,.cart-box,.checkout-box,.profile-card,.order-card,.detail-card,.filter-box,.product-detail-container,.auth-box,.page-card,.admin-card,.form-card,.modal-content,.table-container,.chart-card,.stat-card{
  background:rgba(255,255,255,.96)!important;border:1px solid var(--bc-line)!important;border-radius:var(--bc-radius)!important;box-shadow:var(--bc-shadow)!important;
}
.hero-sidebar{overflow:hidden!important}.hero-sidebar-title{background:linear-gradient(135deg,var(--bc-primary),#fb7185)!important;color:#fff!important;text-transform:none!important;font-size:13px!important;letter-spacing:.02em!important;padding:16px 18px!important}.hero-sidebar-title.brand-title{background:linear-gradient(135deg,var(--bc-secondary),#a78bfa)!important;color:#fff!important}.hero-sidebar-title.log-title{background:linear-gradient(135deg,#fb7185,var(--bc-gold))!important;color:#fff!important}.hero-list{padding:8px!important}.hero-list a{border-bottom:0!important;border-radius:14px!important;margin-bottom:5px!important;color:var(--bc-text)!important;font-weight:800!important;padding:11px 14px!important}.hero-list a::before{display:none!important}.hero-list a:hover{background:#fff1f6!important;color:var(--bc-primary)!important;padding-left:14px!important}.brand-sidebar .hero-list a:hover{background:#f3edff!important;color:var(--bc-secondary)!important}.log-swiper-container{padding:12px!important}.log-item{border-left:0!important;border-radius:16px!important;background:linear-gradient(135deg,#fff8fb,#fff)!important;border:1px solid var(--bc-line)!important;padding:12px!important}.log-txt{color:var(--bc-ink)!important}.log-time{color:var(--bc-muted)!important}.main-swiper,.sub-swiper,.sub-img-desktop{border-radius:30px!important;overflow:hidden!important;border:1px solid var(--bc-line)!important;box-shadow:0 28px 75px rgba(104,45,74,.16)!important}.main-swiper img,.sub-swiper img,.sub-img-desktop{object-fit:cover!important}.swiper-button-next,.swiper-button-prev{background:rgba(255,255,255,.94)!important;color:var(--bc-primary)!important;border:1px solid var(--bc-line)!important;box-shadow:0 10px 24px rgba(104,45,74,.14)!important}.swiper-pagination-bullet{background:#e6c8d6!important;opacity:1!important}.swiper-pagination-bullet-active{background:var(--bc-primary)!important;width:22px!important;border-radius:99px!important}
/* Product cards */
.product-grid,.products-grid,.related-grid,.news-grid{gap:18px!important}.product-card{overflow:hidden!important;border-color:#f2dce6!important;transition:.25s ease!important}.product-card:hover{transform:translateY(-7px)!important;box-shadow:var(--bc-shadow-hover)!important;border-color:#f2b7cd!important}.p-img-box{background:linear-gradient(180deg,#fff1f6,#fbf7ff 68%,#fff)!important;border-bottom:1px solid var(--bc-line)!important;padding:18px!important}.p-img{object-fit:contain!important;filter:drop-shadow(0 16px 16px rgba(88,42,60,.11))}.p-info{padding:16px!important}.p-name{color:var(--bc-ink)!important;font-weight:900!important;line-height:1.45!important}.product-card:hover .p-name{color:var(--bc-primary)!important}.p-price{color:var(--bc-primary-dark)!important;font-weight:950!important}.p-price-old{color:#a8949f!important}.p-tag{border-radius:999px!important;padding:5px 9px!important}.tag-hot{background:linear-gradient(135deg,#e11d48,#fb7185)!important}.tag-sale{background:linear-gradient(135deg,#e11d48,#fbbf24)!important;color:#fff!important}.tag-new{background:linear-gradient(135deg,var(--bc-secondary),#a78bfa)!important}.p-action-hover{bottom:10px!important}.btn-cart-hover{width:42px!important;height:42px!important}
/* Feature/news/content */
.features-grid{gap:16px!important}.feature-card{background:linear-gradient(180deg,#fff,#fff7fb)!important;padding:20px!important}.feature-icon{color:var(--bc-primary)!important}.feature-card:nth-child(2) .feature-icon{color:var(--bc-secondary)!important}.feature-card:nth-child(3) .feature-icon{color:var(--bc-gold)!important}.feature-card:nth-child(4) .feature-icon{color:#0f766e!important}.feature-title{color:var(--bc-ink)!important}.feature-desc,.news-date-badge,.footer-bottom{color:var(--bc-muted)!important}.news-card{overflow:hidden!important}.news-card:hover{transform:translateY(-5px)!important;box-shadow:var(--bc-shadow-hover)!important}.news-title,.news-card-title{color:var(--bc-ink)!important}.news-card:hover .news-title,.news-card:hover .news-card-title{color:var(--bc-primary)!important}.news-readmore{color:var(--bc-primary)!important}
/* Forms */
input,select,textarea,.form-control,.search-input,.shop-chat-input{border:1px solid var(--bc-line)!important;border-radius:16px!important;background:#fff!important;color:var(--bc-ink)!important;box-shadow:none!important}input:focus,select:focus,textarea:focus,.form-control:focus,.search-input:focus,.shop-chat-input:focus{border-color:var(--bc-primary)!important;box-shadow:0 0 0 4px rgba(217,70,123,.12)!important;outline:none!important}.form-label,label{color:var(--bc-ink)!important;font-weight:850!important}.filter-list::-webkit-scrollbar,.hero-list::-webkit-scrollbar,.shop-chat-messages::-webkit-scrollbar{width:5px;height:5px}.filter-list::-webkit-scrollbar-thumb,.hero-list::-webkit-scrollbar-thumb,.shop-chat-messages::-webkit-scrollbar-thumb{background:#e8c6d5;border-radius:99px}.checkbox-item:hover .checkbox-label{color:var(--bc-primary)!important}.checkbox-item input:checked ~ .checkmark{background:var(--bc-primary)!important;border-color:var(--bc-primary)!important}.range-selected{background:linear-gradient(90deg,var(--bc-primary),var(--bc-secondary))!important}.range-input input::-webkit-slider-thumb{border-color:var(--bc-primary)!important}
/* Cart/order/detail */
.price,.product-price,.total-price,.order-total,.summary-line.total,.oc-total,.inv-sum-row.total{color:var(--bc-primary-dark)!important}.breadcrumb a{color:var(--bc-primary)!important}.badge-sale{background:#ffe4ec!important;color:var(--bc-primary-dark)!important}.status-in,.status-badge.success,.status-completed{background:#e9fdf3!important;color:#047857!important}.status-out,.status-canceled{background:#fff1f2!important;color:#be123c!important}.qty-btn{border-radius:12px!important;border-color:var(--bc-line)!important}.qty-btn:hover{background:#fff1f6!important;color:var(--bc-primary)!important}
/* Footer customer */
.footer{background:linear-gradient(180deg,#fff 0%,#fff1f6 100%)!important;color:var(--bc-text)!important;border-top:1px solid var(--bc-line)!important}.footer-col h3{color:var(--bc-primary)!important;text-transform:none!important}.footer-col h3::after{background:linear-gradient(90deg,var(--bc-primary),var(--bc-gold))!important}.footer-info i{color:var(--bc-primary)!important}.footer-links a{color:#65515d!important}.footer-links a:hover{color:var(--bc-primary)!important}.footer a[style]{color:var(--bc-primary)!important}
/* Chat boutique */
.shop-chat-button{background:linear-gradient(135deg,var(--bc-primary),var(--bc-secondary))!important;border-radius:24px!important;box-shadow:0 22px 50px rgba(217,70,123,.30)!important}.shop-chat-panel{border-color:var(--bc-line)!important;border-radius:28px!important;box-shadow:0 30px 90px rgba(55,28,44,.25)!important}.shop-chat-head{background:linear-gradient(135deg,#fff6fa,#f6efff)!important;color:var(--bc-ink)!important;border-bottom:1px solid var(--bc-line)!important}.shop-chat-title i{background:#ffe4ec!important;color:var(--bc-primary)!important}.shop-chat-title span{color:var(--bc-muted)!important}.shop-chat-close{border-color:var(--bc-line)!important}.shop-chat-messages{background:linear-gradient(180deg,#fffbfe,#fff8fb)!important}.shop-msg.bot{background:#fff!important;border-color:var(--bc-line)!important;color:var(--bc-text)!important}.shop-msg.user{background:linear-gradient(135deg,var(--bc-primary),var(--bc-secondary))!important;color:#fff!important}.shop-chat-quick{border-top:1px solid var(--bc-line)!important}.shop-chip{border-color:var(--bc-line)!important;color:var(--bc-primary-dark)!important;background:#fff!important}.shop-chip:hover{background:#fff1f6!important;border-color:var(--bc-primary)!important}.shop-chat-send{background:var(--bc-primary)!important}.shop-product-card{border-color:var(--bc-line)!important}.shop-product-card:hover{border-color:var(--bc-primary)!important}.shop-product-name{color:var(--bc-ink)!important}.shop-product-price{color:var(--bc-primary-dark)!important}
/* Admin layout */
body:has(.sidebar), .content-wrapper{background:linear-gradient(180deg,#fff8fb 0,#f8f4ff 100%)!important}.sidebar{background:#ffffff!important;color:var(--bc-ink)!important;border-right:1px solid var(--bc-line)!important;box-shadow:16px 0 46px rgba(104,45,74,.08)!important}.sidebar-brand{height:76px!important;background:linear-gradient(135deg,#fff1f6,#f4ecff)!important;color:var(--bc-primary)!important;border-bottom:1px solid var(--bc-line)!important;gap:10px!important}.sidebar-brand i{width:38px;height:38px;border-radius:15px;background:linear-gradient(135deg,var(--bc-primary),var(--bc-secondary));color:#fff;display:inline-flex!important;align-items:center;justify-content:center}.sidebar-menu{padding:18px 12px!important;gap:5px!important}.sidebar-menu li a{border-left:0!important;border-radius:16px!important;color:#5a4350!important;font-weight:900!important;margin-bottom:5px!important;padding:13px 14px!important}.sidebar-menu li a i{color:var(--bc-primary)!important;width:22px;text-align:center}.sidebar-menu li a:hover,.sidebar-menu li a.active{background:linear-gradient(135deg,#fff1f6,#f4ecff)!important;color:var(--bc-primary-dark)!important;box-shadow:inset 0 0 0 1px var(--bc-line)!important}.logout-item a{background:#fff1f2!important;color:#be123c!important}.topbar{height:74px!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--bc-line)!important;box-shadow:0 10px 30px rgba(104,45,74,.06)!important}.toggle-btn{color:var(--bc-primary)!important;background:#fff1f6!important;border:1px solid var(--bc-line)!important;border-radius:14px!important;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.user-info{color:var(--bc-primary-dark)!important;background:#fff!important;border:1px solid var(--bc-line)!important;border-radius:999px!important;padding:10px 14px!important}.content-wrapper{padding:28px!important}.admin-title h1,.content-wrapper h1{color:var(--bc-ink)!important;font-weight:950!important;letter-spacing:-.04em!important}.admin-title p,.content-wrapper p{color:var(--bc-muted)!important}.stats-grid{gap:18px!important}.stat-card{padding:22px!important}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--bc-shadow-hover)!important}.stat-icon,.card-icon{background:#fff1f6!important;color:var(--bc-primary)!important;border-radius:18px!important}.stat-card:nth-child(2) .stat-icon,.stat-card:nth-child(2) .card-icon{background:#f4ecff!important;color:var(--bc-secondary)!important}.stat-card:nth-child(3) .stat-icon,.stat-card:nth-child(3) .card-icon{background:#fff8e7!important;color:#c26a00!important}.stat-card:nth-child(4) .stat-icon,.stat-card:nth-child(4) .card-icon{background:#ecfdf5!important;color:#047857!important}.table-container{overflow:hidden!important}.data-table,.order-table{border-collapse:separate!important;border-spacing:0!important}.data-table th,.order-table th,table th{background:#fff7fb!important;color:#7a5968!important;text-transform:uppercase;letter-spacing:.07em;font-size:12px!important}.data-table td,.order-table td,table td{color:var(--bc-ink)!important;border-top:1px solid #f7e6ee!important}.data-table tr:hover td,.order-table tr:hover td{background:#fffafb!important}.action-bar,.filter-box{gap:12px!important}.btn-add,.add-btn,.btn-save,.btn-edit,.btn-view,.btn-submit,.btn-action-icon.view,.btn-action-icon.edit{background:linear-gradient(135deg,var(--bc-primary),var(--bc-secondary))!important;color:#fff!important;border:none!important;border-radius:14px!important;box-shadow:0 12px 24px rgba(217,70,123,.20)!important}.btn-delete,.delete-btn,.btn-action-icon.delete,.btn-danger{background:#fff1f2!important;color:#be123c!important;border:1px solid #fecdd3!important;border-radius:14px!important}.btn-warning{background:#fff8e7!important;color:#a15c00!important;border:1px solid #fde4a8!important;border-radius:14px!important}.status-badge{border-radius:999px!important;padding:7px 11px!important;font-weight:900!important}.modal-box,.modal-content{border-radius:30px!important;overflow:hidden!important}.modal-header{background:linear-gradient(135deg,#fff1f6,#f4ecff)!important;border-bottom:1px solid var(--bc-line)!important}.modal-title{color:var(--bc-primary-dark)!important;font-weight:950!important;letter-spacing:-.02em!important}.close-modal{background:#fff!important;border:1px solid var(--bc-line)!important;border-radius:14px!important;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:var(--bc-muted)!important}.close-modal:hover{color:var(--bc-primary)!important;background:#fff1f6!important}.modal-footer{background:#fffafb!important;border-top:1px solid var(--bc-line)!important}.form-grid{gap:16px!important}.ai-card{background:#fff!important;border:1px solid var(--bc-line)!important;border-radius:22px!important}.btn-ai{border-radius:14px!important;background:linear-gradient(135deg,var(--bc-primary),var(--bc-gold))!important;color:#fff!important;border:none!important}.ck.ck-editor__main>.ck-editor__editable{border-color:var(--bc-line)!important;border-radius:0 0 16px 16px!important}.ck.ck-toolbar{border-color:var(--bc-line)!important;border-radius:16px 16px 0 0!important;background:#fffafb!important}.ck-powered-by,.ck.ck-powered-by{display:none!important}
/* Keep controls compact and readable */
button,.btn{min-height:40px;padding-left:14px;padding-right:14px}.btn-sm{min-height:34px!important;padding:8px 11px!important}.action-cell{white-space:nowrap}.btn-row{gap:10px!important;display:flex;flex-wrap:wrap}.form-control[type=file]{padding:10px!important}.modal-body{padding:24px!important}.modal-footer{padding:16px 24px!important}.data-table img,.banner-img,.item-card-img{border-radius:14px!important;border:1px solid var(--bc-line)!important;background:#fff7fb!important;object-fit:contain!important}
@media (min-width: 992px){
  .main-content{margin-left:250px!important}.hero-col-left,.hero-col-right{height:460px!important}.product-grid{gap:20px!important}.products-grid{gap:22px!important}.news-grid{gap:24px!important}.footer-grid{gap:44px!important}
}
@media (max-width: 991px){
  .content-wrapper{padding:20px!important}.section-title{font-size:24px!important}.hero-grid{gap:16px!important}.product-grid,.products-grid{gap:14px!important}.topbar{height:64px!important}.user-info{max-width:62vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media (max-width: 520px){
  .container{padding-left:14px!important;padding-right:14px!important}.home-section,.page-section{padding-top:24px!important}.section-header{align-items:flex-start!important;gap:12px!important}.view-more{font-size:12px!important}.product-grid,.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.p-info{padding:12px!important}.p-name{font-size:12px!important}.p-price{font-size:14px!important}.footer{padding-top:36px!important}.modal-body{padding:18px!important}.modal-footer{padding:14px 18px!important}.form-grid{grid-template-columns:1fr!important}.shop-chat-panel{border-radius:22px!important}
}