:root{--bs-primary:#4361ee;--bs-primary-rgb:67,97,238}body{font-family:Sarabun,Segoe UI,sans-serif;background-color:#eef6fb;min-height:100vh;display:flex;flex-direction:column}main{flex:1 1}.navbar-brand{font-size:1.3rem}.product-card{transition:transform .2s ease,box-shadow .2s ease;border-radius:12px;overflow:hidden}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.1)!important}.hero-section{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);color:white;padding:80px 0;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:radial-gradient(circle,rgba(67,97,238,.1) 0,transparent 70%)}.step-card{text-align:center;padding:2rem 1.5rem;border-radius:12px;background:white;transition:transform .2s ease}.step-card:hover{transform:translateY(-2px)}.step-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem}.stat-card{background:linear-gradient(135deg,#4361ee,#3a0ca3);color:white;border-radius:12px;padding:2rem;text-align:center}.stat-number{font-size:2.5rem;font-weight:800}.stars .bi-star-fill{color:#ffc107}.accordion-button:not(.collapsed){background-color:rgba(67,97,238,.05);color:var(--bs-primary)}.admin-sidebar{min-height:calc(100vh - 56px);background:#1a1a2e}.admin-sidebar .nav-link{color:rgba(255,255,255,.7);padding:.75rem 1rem;border-radius:8px;margin-bottom:4px}.admin-sidebar .nav-link.active,.admin-sidebar .nav-link:hover{color:white;background:rgba(67,97,238,.2)}.account-sidebar .list-group-item{border:none;padding:.75rem 1.25rem;border-radius:8px;margin-bottom:2px}.account-sidebar .list-group-item.active{background-color:var(--bs-primary);border-color:var(--bs-primary)}.badge{font-weight:500}@media (max-width:768px){.hero-section{padding:50px 0}.stat-number{font-size:1.8rem}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.spinner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;z-index:9999}@media print{.btn,.navbar,footer{display:none!important}}