*{box-sizing:border-box}body{margin:0;background:#dcecff;font-family:Arial,Tahoma,sans-serif;font-size:13px;color:#222}.wrap{max-width:480px;margin:0 auto;background:#fff;min-height:100vh;border-left:1px solid #9bc6ef;border-right:1px solid #9bc6ef}.top{background:#1f7ac7;color:#fff;padding:7px;font-weight:bold}.top a{color:#fff}.nav{background:#d7ecff;border-bottom:1px solid #9bc6ef;padding:5px;line-height:1.8}.nav a{margin-right:7px}.box{padding:7px;border-bottom:1px solid #ddd}.title{background:#eef7ff;color:#075a9c;font-weight:bold;padding:5px;border-top:1px solid #c9e3fb;border-bottom:1px solid #c9e3fb}.small{font-size:12px;color:#666}.err{color:#c00}.ok{color:#078c20}a{color:#06c;text-decoration:none}input,textarea,select{width:100%;padding:6px;border:1px solid #aaa;margin:3px 0;font-size:13px}button,.btn{background:#2784d6;color:#fff;border:1px solid #1263a4;padding:5px 9px;display:inline-block}img.avatar{width:55px;height:55px;border:1px solid #ccc;object-fit:cover}.row{display:flex;gap:7px}.foot{background:#eaf5ff;padding:7px;text-align:center;color:#666}.chatmsg{padding:4px;border-bottom:1px dotted #ccc}.admin{color:#c00;font-weight:bold}.pager a{padding:2px 5px;border:1px solid #9bc6ef;margin:1px}.badge{background:#ffef9e;border:1px solid #e0b400;padding:1px 3px}.online{color:green}.offline{color:#888}