:root{--navy:#071522;--navy2:#102635;--yellow:#ffc400;--blue:#1786d5;--bg:#f5f7f9;--white:#fff;--text:#142231;--muted:#687582;--line:#e2e8ed;--green:#168a55;--red:#d83c3c}
.bk-ai{position:fixed;right:18px;bottom:18px;z-index:99;width:min(380px,calc(100vw - 36px));font-size:14px}.bk-ai-toggle{float:right;border:0;border-radius:999px;background:#ffcf33;color:#071522;padding:14px 18px;font-weight:bold;box-shadow:0 8px 26px #07152255}.bk-ai-panel{clear:both;background:#fff;border:1px solid #d8e0e5;border-radius:14px;overflow:hidden;box-shadow:0 14px 42px #07152244;margin-bottom:10px}.bk-ai-head{padding:14px 16px;background:#071522;color:#fff}.bk-ai-head span{display:block;color:#c8d2d9;font-size:11px;margin-top:3px}.bk-ai-messages{height:230px;overflow:auto;padding:14px;background:#f5f8fa}.bk-ai-messages p{white-space:pre-wrap;line-height:1.45;background:#fff;border:1px solid #e1e8ec;border-radius:10px;padding:9px 11px;margin:0 0 9px}.bk-ai-messages .bk-ai-user{margin-left:36px;background:#fff4c8;border-color:#f4d35e}.bk-ai-messages .bk-ai-wait{color:#607480;font-style:italic}.bk-ai-form{display:flex;gap:8px;padding:12px}.bk-ai-form input{min-width:0;flex:1;border:1px solid #cbd7dd;border-radius:7px;padding:10px}.bk-ai-form .btn{padding:10px 13px}.bk-ai-panel small{display:block;padding:0 12px 12px;color:#607480;font-size:10px;line-height:1.35}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}button{cursor:pointer;border:0}.top{height:72px;background:var(--navy);color:#fff;display:flex;align-items:center;padding:0 34px;gap:28px}.logo{display:flex;align-items:center;gap:10px;width:220px}.logoMark{width:42px;height:42px;background:var(--yellow);clip-path:polygon(50% 0,100% 28%,100% 100%,0 100%,0 28%)}.logo b{font-size:23px}.logo small{display:block;color:#c8d2d9;font-size:11px}.search{height:42px;display:flex;background:#fff;border-radius:7px;overflow:hidden;max-width:560px;flex:1}.search input{flex:1;border:0;outline:0;padding:0 16px}.search button{width:50px;background:var(--yellow);font-size:20px}.actions{display:flex;gap:22px;margin-left:auto}.act{text-align:center;font-size:11px}.act i{font-style:normal;font-size:20px;display:block}.nav{height:48px;background:var(--navy2);color:#fff;display:flex;align-items:center;gap:28px;padding:0 34px;font-size:13px}.nav .cat{background:var(--yellow);color:#111;padding:11px 20px;border-radius:5px;font-weight:bold}.nav .active{border-bottom:3px solid var(--yellow);padding-bottom:15px}.container{max-width:1280px;margin:auto;padding:18px}.hero{min-height:320px;color:#fff;border-radius:0 0 8px 8px;padding:45px;background:linear-gradient(90deg,#061522 0%,rgba(6,21,34,.8) 45%,rgba(6,21,34,.1)),url('https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1600&q=80') center/cover}.hero h1{font-size:46px;line-height:1.05;margin:10px 0}.yellow{color:var(--yellow)}.hero p{max-width:520px;line-height:1.6;color:#e2e9ed}.btn{background:var(--yellow);color:#111;padding:12px 22px;border-radius:6px;font-weight:bold}.btn.dark{background:var(--navy);color:#fff}.btn.outline{background:#fff;border:1px solid var(--line)}.section{margin-top:22px}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.sectionHead h2{font-size:23px}.sectionHead p{font-size:12px;color:var(--muted);margin-top:4px}.grid{display:grid;gap:12px}.g5{grid-template-columns:repeat(5,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:14px}.catCard{text-align:center}.catCard .pic{height:105px;border-radius:7px;background:linear-gradient(135deg,#edf2f5,#fff);display:flex;align-items:center;justify-content:center;font-size:50px}.catCard h4{font-size:12px;margin:10px 0 3px}.muted{color:var(--muted);font-size:12px}.features{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.feature{background:#fff;border-radius:8px;padding:16px;display:flex;gap:10px;align-items:center}.feature span{font-size:25px}.feature b{font-size:12px}.feature small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.promo{min-height:145px;border-radius:9px;padding:22px;background:#102635;color:#fff}.promo.light{background:#dcecf5;color:var(--navy)}.promo h3{font-size:21px}.promo p{font-size:12px;margin:8px 0 15px}.product{position:relative}.product .pic{height:150px;background:linear-gradient(135deg,#eef2f4,#fff);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:72px}.badge{position:absolute;top:8px;left:8px;background:var(--yellow);padding:4px 7px;border-radius:4px;font-size:9px;font-weight:bold}.product h4{font-size:12px;margin:9px 0}.rating{color:#e9ad00;font-size:11px}.price{font-weight:bold;margin:7px 0}.old{text-decoration:line-through;color:#999;font-size:10px;margin-left:5px}.cartBtn{width:100%;background:var(--navy);color:#fff;padding:9px;border-radius:5px;font-size:11px}.layout{display:grid;grid-template-columns:250px 1fr;gap:18px}.sidebar{background:#fff;border:1px solid var(--line);border-radius:9px;padding:16px;height:max-content}.sidebar h3{font-size:15px;margin-bottom:12px}.sideItem{padding:9px 0;border-bottom:1px solid #eef1f3;font-size:12px;display:flex;justify-content:space-between}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.chip{background:#fff;border:1px solid var(--line);padding:8px 12px;border-radius:20px;font-size:11px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:25px}.bigPic{height:440px;background:linear-gradient(135deg,#edf2f4,#fff);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:150px}.specs{margin-top:18px;border-top:1px solid var(--line)}.specRow{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.qty{display:flex;align-items:center;gap:12px;margin:15px 0}.qty button{width:32px;height:32px;border-radius:5px;background:#eef2f5}.input,.select{width:100%;padding:12px;border:1px solid #d8e0e5;border-radius:6px;background:#fff;margin-top:6px;outline:0}.formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.label{font-size:11px;font-weight:bold}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}.table th{background:#f1f5f7}.totalBox{background:#fff;border:1px solid var(--line);border-radius:9px;padding:18px}.totalRow{display:flex;justify-content:space-between;padding:8px 0;font-size:13px}.totalRow.final{border-top:1px solid var(--line);margin-top:7px;padding-top:14px;font-size:18px;font-weight:bold}.dashboard{display:grid;grid-template-columns:220px 1fr;min-height:650px}.dashSide{background:var(--navy);color:#fff;padding:22px}.dashSide h2{color:var(--yellow);margin-bottom:25px}.dashLink{padding:12px 8px;border-radius:5px;font-size:12px;margin:3px 0}.dashLink.active,.dashLink:hover{background:#173346}.dashMain{padding:22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:#fff;border:1px solid var(--line);border-radius:9px;padding:18px}.stat small{color:var(--muted)}.stat strong{font-size:24px;display:block;margin-top:8px}.status{padding:5px 8px;border-radius:15px;font-size:10px;background:#e4f5ed;color:var(--green)}.footer{background:var(--navy);color:#fff;margin-top:25px;padding:28px}.footerGrid{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:30px}.footer p,.footer a{display:block;color:#b8c4cc;font-size:11px;line-height:22px}.notice{background:#fff8d9;border:1px solid #f2df87;padding:12px;border-radius:7px;font-size:12px;margin-bottom:15px}.success{background:#e7f7ef;border:1px solid #b9e4cd;padding:18px;border-radius:8px;color:#146d45}.center{text-align:center}.mt{margin-top:15px}.right{text-align:right}@media(max-width:900px){.top{padding:10px 15px;height:auto;flex-wrap:wrap}.logo{width:auto}.search{order:3;width:100%;max-width:none}.actions{display:none}.nav{overflow:auto;padding:0 15px}.features{grid-template-columns:repeat(2,1fr)}.g5{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(2,1fr)}.layout,.dashboard{grid-template-columns:1fr}.detail{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.hero{padding:28px 20px}.hero h1{font-size:34px}.g5,.g4,.g3,.g2{grid-template-columns:1fr 1fr}.features{grid-template-columns:1fr}.formGrid{grid-template-columns:1fr}.footerGrid{grid-template-columns:1fr 1fr}}