*{box-sizing:border-box}body{margin:0;background:#f2f6f4;color:#173d37;font-family:system-ui}.box,.panel{width:min(980px,92%);margin:7vh auto;background:white;padding:30px;border-radius:18px;box-shadow:0 16px 45px #174f4918}.box{max-width:450px}form{display:grid;gap:15px}label{display:grid;gap:6px;font-weight:700}input,textarea{padding:12px;border:1px solid #bfcfc9;border-radius:9px;font:inherit}button{padding:13px 18px;border:0;border-radius:9px;background:#276f66;color:white;font-weight:800;cursor:pointer}.top{display:flex;justify-content:space-between;align-items:center}.product{position:relative;border:1px solid #dce7e2;padding:18px;border-radius:13px;margin:12px 0;display:grid;grid-template-columns:110px 1fr 1fr;gap:12px}.product img{width:100px;height:85px;object-fit:cover}.product textarea{min-height:84px}.remove{position:absolute;right:8px;top:8px;background:#a43b3b;padding:7px 10px}.ok,.err{padding:12px;border-radius:8px}.ok{background:#dcf2e7}.err{background:#ffe1e1;color:#922}.add{background:#c99b39;color:#173d37}@media(max-width:700px){.product{grid-template-columns:1fr}.product img{margin-bottom:5px}}
/* --- Trang tài khoản --- */
.who{font-size:13px;color:#4a6b64}.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.note{font-size:13px;color:#4a6b64;margin:0 0 14px}.withbtn{display:flex;gap:8px}.withbtn input{flex:1}
.acct{border:1px solid #dce7e2;border-radius:13px;padding:14px 16px;margin:10px 0;display:grid;gap:6px}
.acct.off{background:#f7f9f8;opacity:.75}.who2{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:16px}
.meta{font-size:12px;color:#5d7a74}.pill{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:#e4f2ec;color:#276f66}
.pill-owner{background:#fdf1d8;color:#8a6414}.pill-off{background:#ffe1e1;color:#922}
.acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:4px}
.acts details summary{cursor:pointer;font-size:13px;font-weight:700;color:#276f66}
.inline{display:flex;gap:8px;align-items:center}.inline input{width:230px}
.mini{padding:7px 12px;font-size:13px;border-radius:8px;background:#276f66}
.mini.danger{background:#a43b3b}
/* --- Trang thiết lập lần đầu --- */
.mark{width:52px;height:52px;border-radius:14px;background:#276f66;color:white;display:flex;align-items:center;justify-content:center;font-size:22px;margin:0 auto 14px}
.lead{color:#4a6b64;font-size:14px;margin:0 0 20px}
.steps{margin:22px 0 0;padding-left:20px;color:#4a6b64;font-size:13px;line-height:1.9}
.strength{height:6px;background:#dce7e2;border-radius:999px;overflow:hidden;margin:-6px 0 0}
.strength i{display:block;height:100%;width:0;border-radius:999px;background:#c9d6d1;transition:width .2s}
.strength i.w1{background:#d8a13a}.strength i.w2{background:#63a06d}.strength i.w3{background:#2c7a5e}
.hint{color:#5d7a74;margin:-4px 0 0}