*{box-sizing:border-box}html{background:#111219}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#111219;color:#f4f4f7;min-height:100vh}.site-header{text-align:center;padding:42px 18px 20px}.logo-wrap{display:block;width:178px;height:178px;margin:0 auto}.logo-wrap img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover;box-shadow:0 12px 30px #0006}.site-header h1{margin:0;font-size:clamp(34px,6vw,48px);font-weight:800;letter-spacing:-1px}.site-header p{margin:14px auto 0;color:#a9aaba;font-size:clamp(18px,3vw,25px);max-width:900px}.site-header.admin-head{padding-top:28px}.back{display:inline-block;color:#fff;text-decoration:none;border:1px solid #383a48;background:#1b1d26;padding:10px 14px;border-radius:10px;margin-bottom:22px}.search{max-width:1100px;margin:8px auto 18px;background:#1d1f28;border:2px solid #303341;border-radius:22px;height:80px;display:flex;align-items:center;padding:0 26px;box-shadow:0 12px 28px #0004}.search span{font-size:46px;line-height:0;color:#adb0c0;transform:rotate(-20deg);margin-right:16px}.search input{width:100%;background:none;border:0;outline:0;color:#fff;font-size:25px}.search input::placeholder{color:#a5a7b2}.count{max-width:1100px;margin:0 auto 26px;padding:0 10px;color:#aeb0bf;font-size:20px}.grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.card{background:#1d1f28;border:2px solid #303341;border-radius:24px;overflow:hidden;box-shadow:0 10px 28px #0005}.card img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff}.info{padding:22px 24px 26px}.name{font-size:25px;line-height:1.18;font-weight:800;min-height:60px;margin-bottom:20px}.buy{display:block;text-align:center;text-decoration:none;border-radius:20px;padding:18px 12px;font-size:24px;font-weight:800;margin-top:14px}.ml{background:#ffe000;color:#2440a0}.shopee{background:#f4512d;color:#fff}.empty{grid-column:1/-1;color:#aeb0bf;text-align:center;padding:40px}.panel{max-width:850px;margin:0 auto;padding:10px 18px 40px}.panel form{background:#1d1f28;border:1px solid #303341;border-radius:18px;padding:20px}.panel label{display:block;font-weight:700;margin:14px 0;color:#eee}.panel input{display:block;width:100%;margin-top:7px;padding:13px;border-radius:10px;border:1px solid #3a3d4b;background:#111219;color:#fff;font-size:16px}.actions{display:flex;gap:10px;margin-top:18px}.actions button,.item button{border:0;border-radius:10px;padding:12px 16px;background:#ffe000;color:#171717;font-weight:800;cursor:pointer}.actions .secondary,.item .danger{background:#303341;color:#fff}.item{display:flex;align-items:center;gap:12px;background:#1d1f28;border:1px solid #303341;border-radius:12px;padding:10px;margin:8px 0}.item img{width:60px;height:60px;object-fit:contain;background:#fff;border-radius:8px}.grow{flex:1}.muted{color:#aaa}.item button{padding:9px 11px}footer{text-align:center;padding:40px 18px;color:#777;font-size:13px}@media(max-width:600px){.site-header{padding-top:28px}.logo-wrap{width:145px;height:145px;margin-bottom:22px}.site-header h1{font-size:34px}.site-header p{font-size:19px}.search{height:68px;border-radius:18px;padding:0 18px}.search span{font-size:38px}.search input{font-size:20px}.grid{gap:12px;padding:0 12px}.card{border-radius:18px}.info{padding:16px 14px 18px}.name{font-size:19px;min-height:68px;margin-bottom:12px}.buy{font-size:18px;padding:15px 8px;border-radius:16px}.count{padding:0 18px;font-size:18px}.item{flex-wrap:wrap}.item .grow{min-width:55%}}

.login{max-width:460px;text-align:center}.login-logo img{width:120px;height:120px;object-fit:cover;border-radius:50%;margin-bottom:12px}.error{color:#ff6b6b;min-height:20px}.logout{position:absolute;right:18px;top:18px;background:#eee;border:0;border-radius:10px;padding:9px 12px;cursor:pointer}.admin-head{position:relative}
.login{max-width:460px;text-align:center}.login-logo img{width:120px;height:120px;object-fit:cover;border-radius:50%;margin-bottom:12px}.error{color:#ff6b6b;min-height:20px}.logout{position:absolute;right:18px;top:18px;background:#eee;border:0;border-radius:10px;padding:9px 12px;cursor:pointer}.admin-head{position:relative}

.chips{max-width:1100px;margin:0 auto 22px;display:flex;gap:10px;overflow:auto;padding:0 4px}.chip{flex:0 0 auto;border:1px solid #383a48;background:#1d1f28;color:#d7d8e1;border-radius:999px;padding:10px 16px;font-size:15px;cursor:pointer}.chip.active{background:#ffe000;color:#171717;border-color:#ffe000;font-weight:800}