@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--blue-950:#071a3d;--blue-900:#0b2555;--blue-800:#123b7a;--blue-700:#1554ad;--blue-600:#1769e0;--blue-500:#2f80ed;--blue-100:#dcecff;--blue-50:#f1f7ff;--ink:#10213d;--muted:#687891;--surface:#fff;--line:#e3ebf7;--shadow:0 12px 40px rgba(18,59,122,.10);--shadow-lg:0 22px 65px rgba(10,42,98,.16);--bs-success:#1769e0;--bs-success-rgb:23,105,224;--bs-link-color:#1554ad;--bs-link-hover-color:#0b3f8c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f8fbff 0,#f5f8fc 48%,#fff 100%);color:var(--ink);font-family:'Plus Jakarta Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}.topbar{background:linear-gradient(90deg,var(--blue-950),var(--blue-800),var(--blue-950));color:#d9e9ff;letter-spacing:.02em}.navbar{background:rgba(255,255,255,.88)!important;border-color:rgba(205,219,239,.75)!important;box-shadow:0 8px 30px rgba(11,37,85,.06);backdrop-filter:blur(18px)}.navbar-brand{color:var(--blue-700)!important;letter-spacing:-.055em}.navbar-brand i{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,var(--blue-600),var(--blue-800));color:#fff;box-shadow:0 8px 22px rgba(23,105,224,.25);font-size:1.2rem}.nav-link{font-weight:600;color:#354866}.nav-link:hover{color:var(--blue-600)}.search{height:48px;border:1px solid #cedcf0;border-right:0;border-radius:14px 0 0 14px;background:#f7faff;padding-left:1.1rem;box-shadow:none}.search:focus{background:#fff;border-color:var(--blue-500);box-shadow:0 0 0 .25rem rgba(23,105,224,.10)}.search+.btn{border-radius:0 14px 14px 0;min-width:58px}.btn{border-radius:12px;font-weight:700;transition:.22s ease}.btn-success{background:linear-gradient(135deg,var(--blue-500),var(--blue-700));border-color:transparent;box-shadow:0 8px 20px rgba(23,105,224,.22)}.btn-success:hover,.btn-success:focus{background:linear-gradient(135deg,var(--blue-600),var(--blue-800));border-color:transparent;transform:translateY(-1px);box-shadow:0 12px 28px rgba(23,105,224,.30)}.btn-outline-success{border-color:#90b9ee;color:var(--blue-700);background:#fff}.btn-outline-success:hover{background:var(--blue-600);border-color:var(--blue-600);color:#fff}.text-success{color:var(--blue-600)!important}.bg-success{background-color:var(--blue-600)!important}.bg-success-subtle{background-color:var(--blue-100)!important}.hero{position:relative;background:radial-gradient(circle at 86% 18%,rgba(104,174,255,.42),transparent 28%),linear-gradient(125deg,#eaf4ff 0%,#d9eaff 48%,#c8e0ff 100%);border:1px solid rgba(158,195,240,.55);border-radius:32px;overflow:hidden;box-shadow:0 24px 70px rgba(18,75,154,.13)}.hero:after{content:'';position:absolute;width:260px;height:260px;border-radius:50%;right:-95px;bottom:-145px;border:46px solid rgba(255,255,255,.28)}.hero h1{font-size:clamp(2.35rem,5vw,4.65rem);line-height:1.04;letter-spacing:-.065em;color:var(--blue-950)}.hero .lead{max-width:720px;color:#516682!important}.section-title{font-weight:800;letter-spacing:-.04em;color:var(--blue-950)}.category-card,.product-card,.soft-card{border:1px solid rgba(218,229,244,.8);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.category-card:hover,.product-card:hover{transform:translateY(-7px);border-color:#bdd6f5;box-shadow:var(--shadow-lg)}.category-card strong{font-size:.92rem}.category-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#eaf4ff,#dcecff);border:1px solid #cfe2fb;color:var(--blue-600);font-size:1.55rem;box-shadow:inset 0 1px 0 #fff}.product-card{overflow:hidden}.product-card>a{display:block;overflow:hidden}.product-card img{height:205px;object-fit:cover;border-radius:19px 19px 0 0;transition:transform .45s ease}.product-card:hover img{transform:scale(1.045)}.product-card h6{font-weight:650;line-height:1.45}.price{color:var(--blue-700);font-weight:800;letter-spacing:-.025em}.badge-status{display:inline-flex;padding:.5rem .8rem;border-radius:999px;background:var(--blue-100);color:var(--blue-800);font-size:.78rem;font-weight:700}.form-control,.form-select{border-color:#d7e3f2;border-radius:12px;min-height:46px}.form-control:focus,.form-select:focus{border-color:var(--blue-500);box-shadow:0 0 0 .25rem rgba(23,105,224,.10)}.dropdown-menu{border:1px solid var(--line);border-radius:16px;padding:.55rem;box-shadow:var(--shadow-lg)}.dropdown-item{border-radius:10px;padding:.65rem .8rem;font-weight:550}.dropdown-item:hover{background:var(--blue-50);color:var(--blue-700)}.alert{border:0;border-radius:16px;box-shadow:0 8px 24px rgba(18,59,122,.07)}.auth-wrap{min-height:72vh;display:grid;place-items:center}.auth-card{width:min(460px,94vw);border:1px solid #dce7f5;border-radius:26px;box-shadow:0 25px 70px rgba(16,56,120,.15)}.pagination .page-link{color:var(--blue-700);border-color:#dce6f3}.pagination .active>.page-link{background:var(--blue-600);border-color:var(--blue-600)}footer.bg-dark{background:linear-gradient(145deg,#061630,#0b2b5d)!important}footer h4.text-success{color:#75b6ff!important}footer a{color:#aabbd2;text-decoration:none;display:block;margin:.65rem 0}footer a:hover{color:#fff}main{min-height:58vh}@media(max-width:767.98px){.hero{border-radius:24px}.hero h1{font-size:2.6rem}.product-card img{height:165px}.category-card{padding:.85rem!important}.navbar-brand{font-size:1.5rem!important}.navbar-brand i{width:36px;height:36px}.section-title{font-size:1.65rem}}