*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f7fa;color:#172033}a{text-decoration:none;color:inherit}.container{max-width:1180px;margin:auto;padding:0 20px}header{background:#101827;color:#fff}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:24px;font-weight:800}.logo span{font-weight:400}.nav nav{display:flex;gap:25px}.hero{background:linear-gradient(135deg,#111827,#243b55);color:#fff;padding:80px 0}.hero h1{font-size:46px;max-width:700px;margin:10px 0}.hero p{font-size:19px;max-width:680px;line-height:1.6}.tag{font-weight:700}.btn{display:inline-block;background:#ff9900;color:#111;padding:13px 20px;border-radius:8px;font-weight:800;margin-top:15px}.page{padding-top:45px;padding-bottom:60px}h2{margin-top:40px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}.card{background:#fff;border-radius:14px;padding:18px;box-shadow:0 5px 20px #00000012}.pic{height:210px;display:flex;align-items:center;justify-content:center;font-size:70px;background:#fafafa;border-radius:10px;margin-bottom:15px}.pic img{max-width:100%;max-height:100%;object-fit:contain}.card h3{font-size:17px;min-height:44px}.old{text-decoration:line-through;color:#777}.price{font-size:27px;font-weight:900;margin:5px 0}.discount{color:#087f3e;font-weight:800}.full{width:100%;text-align:center}.post{background:#fff;padding:25px;border-radius:12px;margin:20px 0;line-height:1.7}footer{padding:35px 0;background:#101827;color:#cbd5e1}@media(max-width:600px){.hero h1{font-size:34px}.nav nav{gap:12px}}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.stats div{background:#fff;padding:25px;border-radius:12px;box-shadow:0 5px 20px #0001}.stats b{display:block;font-size:34px}.stats span{color:#64748b}.form{background:#fff;padding:22px;border-radius:12px;display:grid;gap:12px;max-width:700px;margin-bottom:30px}.form input,.form select,.loginbox input{padding:13px;border:1px solid #d8dee8;border-radius:8px;font-size:16px}.tablewrap{overflow:auto;background:#fff;border-radius:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #eee}.login{min-height:100vh;display:grid;place-items:center;background:#101827}.loginbox{background:#fff;padding:30px;border-radius:15px;width:min(420px,90%);display:grid;gap:15px}.loginbox h1{margin:0}.error{background:#fee2e2;color:#991b1b;padding:10px;border-radius:8px}

.success{background:#dcfce7;color:#166534;padding:10px;border-radius:8px}.loginbox label{font-weight:700}

.brand-logo{display:flex;align-items:center;height:58px}
.brand-logo img{display:block;width:auto;height:56px;max-width:230px;object-fit:contain}
.login-logo{text-align:center;margin-bottom:20px}
.login-logo img{width:min(320px,80%);height:auto;max-height:150px;object-fit:contain}
@media(max-width:600px){
  .brand-logo img{height:48px;max-width:180px}
}