*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#18202d;font-family:Arial,sans-serif}header{height:60px;background:#111827;color:#fff;padding:0 28px;display:flex;align-items:center;justify-content:space-between}header a{color:#fff}.shell{max-width:1050px;margin:30px auto;padding:0 18px}.narrow{max-width:500px}.card{background:#fff;border:1px solid #ddd;border-radius:12px;padding:20px;margin:16px 0}h1{margin-bottom:5px}h2{font-size:18px}input,select{width:100%;padding:11px;border:1px solid #cbd2da;border-radius:7px;margin:5px 0 10px}button{padding:11px 16px;border:0;border-radius:7px;font-weight:bold;cursor:pointer}.primary{background:#008060;color:#fff}.muted,#blogmsg,#meta{color:#687386;font-size:13px}.hidden{display:none}.error{background:#fee;color:#900;padding:10px;border-radius:7px}.item{border-top:1px solid #eee;padding:12px 0}.item img{max-width:130px;max-height:90px;object-fit:cover}.bar{height:12px;background:#e5e7eb;border-radius:20px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:#008060}.ok{color:#087443}.bad{color:#a11}label{display:block;margin:12px 0}